1. 屬性
    1. domain
      1. 傳回伺服器的網域名稱
    2. referrer
      1. 傳回URI字串,指出連結此網頁的位置
    3. title
      1. 傳回和設定title元素,即<title>
    4. URL
      1. 傳回網頁的URL字串
  2. 開啟與寫入文件
    1. write();
      1. 向文件寫入HTML、文字、JavaScript…
    2. writeln();
      1. 同write()方法,但最後會包含換行符號。
    3. open("MIME Type","replace");
      1. 清除目前的文件內容,然後使用write()或writeln()重新輸出文件的內容
      2. MIMEType:text/html
      3. replace可以取代歷存記錄
      4. 最後使用document.close()方法,顯示write()或writeln()輸出的文件內容
    4. close();
  3. Cookies
    1. document.cookie = "name=value;expires=date;path=pname;domain=dname;secure"
      1. name(必要)
        1. cookie名稱
      2. expires
        1. cookie有效期限,為GMT格式。 例如:exDate.toGMTString();
      3. domain
        1. 伺服器網域名稱
      4. path
        1. 在domain下的路徑名稱
      5. secure
        1. 如設定,表示cookie需在保密下才能傳送
      6. domain屬性是為了分別cookie屬於那個網站所建立; path屬性可進一步區別同一網站不同網頁所建立的cookie。
    2. getCookies = document.cookie;
      1. 取得cookie屬性的值; kname1=kvalue1;kname2=kvalue2...
      2. 我們必須自行寫Code存取Cookie的資料
  4. Collection,集合物件
    1. document.all
      1. 取得HTML文件中所有Tag Object
    2. document.all(index).tagName
      1. 取得指定index的Tag Name
    3. document.all(index).SourceIndex
      1. 取得指定index在HTML中出現的順序(IE only)
    4. document.all.tags("P").length
      1. 使用tags()方法篩選出指定標籤的物件集合, 其中HTML標籤名稱需使用大寫字母
  5. 取得文件元素
    1. <h2 id="header">取得文件元素</h2>
    2. getElementById()
      1. 依HTML tag的id屬性取得指定的元素
      2. ele = document.getElementById("header");
    3. getElementByName()
      1. 依HTML tag的name屬性取得指定的元素
      2. ele = document.getElementsByName("input");
    4. getElementByTagName()
      1. 傳回一個包含某個相同標籤名稱的元素NodeList(Array)
      2. ele = document.getElementByTagName("li"); alert( ele.length +', '+ ele[0].tagName +', '+ele[3].childNodes[0].nodeValue);
    5. ele
      1. tagName
        1. tag名稱
      2. length
        1. 同名tag有多少個
  6. 存取HTML標籤(tags)的內容和屬性
    1. 標籤內容
      1. innerHTML
        1. 由getElementById/ByName取得文件元素後,就可以使用innerHTML來存取標籤物件內的子標籤和內容。 一般都是用來插入HTML標籤。例如在空的<div>、<span>、<p>插入所需標籤,來顯示動態效果。
    2. 標籤屬性
      1. eleAttr = document.all.tags("P").item(0).align; MF使用:eleAttr = document.getElementById("P").align;
        1. 取得<p>屬性align的屬性值
      2. getAttribute(attr)
        1. 取得傳入attr屬性值
          1. ele.getAttribute("align")
      3. setAttribute(attr,value)
        1. 將value值設定給attr屬性
          1. ele.setAttribute("align","center")
      4. removeAttribute(attr)
        1. 刪除傳入的attr屬性
    3. 標籤尺寸與位置
      1. offsetLeft
        1. 標籤物件距離左方邊界的距離
      2. offsetTop
        1. 標籤物件距離上方邊界的距離
      3. offsetHeight
        1. 標籤物件的高
      4. offsetWidth
        1. 標籤物件的寬
      5. offsetParent
        1. 取得標籤物件的上一層物件
    4. 方法
      1. scrollIntoView("true|false")
        1. 如果Broswer看不到標籤物件,自動捲動視窗顯示標籤物件
          1. ele.scrollIntoView(true);
  7. CSS
    1. style
      1. 存取標籤物件的style屬性
        1. ele.style.fontSize=12px;
      2. CSS樣式屬性與style屬性差異
        1. CSS
          1. font-size
          2. font-family
          3. background-color
          4. background-image
        2. style
          1. fontSize
          2. fontFamily
          3. backgroundColor
          4. backgroundImage
        3. style需要把中間的「-」符號刪除,然後將後面的英文字頭改為大寫。
  8. document.all在IE使用沒有問題,但在其他Browser相容性不佳, 建議使用getElementById("id")或getElementByName("Name")來取得所需的資訊