簡單學習JavaScript和DOM
阿新 • • 發佈:2020-12-27
基本語法
變數
var i = 0; var s = "";
## 函式
函式也是物件,是引用資料型別,函式名是其記憶體空間地址的引用
訪問修飾符和返回值都不需要,使用 function宣告函式
function add(i,j) {
return i+j;
}
如果是匿名函式直接 function() {}
函式呼叫時,不檢查引數的匹配情況
- 形參>實參
- 實參為number型,返回NaN:not a number
- 實參為string型,返回 +undefined
- 形參<實參
自動忽略後面多餘的引數
Json物件
var jsonobj = {key:value,key2:value2,key3:value3};
# 事件驅動
window.onload = function(){
function d1() {
alert("11");
}
var btnEle = document.getElementById("btnId");
btnEle.onclick = d1;
DOM操作
文件物件模型 Document Object Model
DOM定義了訪問和處理HTML文件的標準方法。
根據W3C的HTML DOM標準,HTML文件中的所有內容都是節點:
- 整個文件是一個文件節點Document
- 每個HTML元素是元素節點Element
- HTML元素內的文字是文字節點Text
- 每個HTML屬性是屬性節點Attribute
- 註釋是註釋節點
非空驗證&取消預設行為
btnEle.onclick = function() {
var uname = document.getElementById("username");
if(uname == null || "" == uname) {
alert("使用者名稱不能為空,請重新輸入!");
return false;
}
}