1. 程式人生 > 實用技巧 >簡單學習JavaScript和DOM

簡單學習JavaScript和DOM

基本語法

變數

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;
}
}