2008年12月24日

document:特徵(F-Z)

特徵 A-E | 特徵 F-Z | 方法 A-E | 方法 F-Z | 事件
document 的特徵
firstChild

存放文件的第一代子元素的物件。不同的瀏覽器,物件的成員有不同。

  • 程式用法:

    <script type='text/javascript'>
    document.write( document.firstChild +'<br />');
    document.write( document.firstChild.nodeName );
    </script>

  • 執行結果:

    [object DocumentType]
    html

forms

存放當下文件中所有 FORM 元素的清單陣列。在文件中使用的 FORM 元素,會依序放在此陣列中。下面的範例用了兩種方法讀取 forms 的成員:第一個方法直接使用整數值,讀取陣列;第二個方法則使用 id 名稱,讀取陣列。

  • 程式用法:

    <form id='fm1'>表格一</form>
    <form id='fm2'>表格二</form><p>
    <script type='text/javascript'>
    for( var i=0; i < document.forms.length; i++)
      document.write( document.forms[i].id +' / ');

    document.write( '<p>'+ document.forms['fm1'].innerHTML
                   +' / '+ document.forms['fm2'].innerHTML);
    </script>

  • 執行結果:

    表格一
    表格二

    fm1 / fm2 /

    表格一 / 表格二

  • 上例中,會輸出部落格原有的 FORM 元素。
height

讀取或設定當下文件的高。文件高,包括螢幕以外的部分。

width

讀取或設定當下文件的寬。

  • 程式用法:

    <script type='text/javascript'>
    document.write( document.height
         +'<br />'+ document.width );
    </script>

  • 執行結果:

    undefined
    undefined

  • IE 沒這兩項;Firefox, Safari, Chrome 都成功。輸出的文件高好像不太對,使用時要小心。
images

存放當下文件中圖像元素的清單。

  • 程式用法:

    <img id='ig1' alt='圖像一'></img>
    <img id='ig2' alt='圖像二'></img>
    <br />
    <script type='text/javascript'>
    for( var i=0; i < document.images.length; i++)
      document.write( document.images[i].id 
              +' : '+ document.images[i].alt +'<br />');
    </script>

  • 執行結果:

    圖像一 圖像二
    ig1 : 圖像一
    ig2 : 圖像二

implementation

存放當下文件關連的 DOM 應用物件。

  • 程式用法:

    <script type='text/javascript'>
    document.write( document.implementation +'<br />');
    document.write( '<ol>');
    for(k in document.implementation )
      document.write( '<li>'+ k +' : '+ document.implementation[k] +'<br />');
    document.write( '</ol>');
    </script>

  • 執行結果:

    [object DOMImplementation]

    1. createDocument : function createDocument() { [native code] }
    2. createDocumentType : function createDocumentType() { [native code] }
    3. createHTMLDocument : function createHTMLDocument() { [native code] }
    4. hasFeature : function hasFeature() { [native code] }
  • IE 回應空的物件。Firefox, Safari, Chrome 都有列出方法;但是方法個數有不同。
inputEncoding

存放文件解讀時的編碼法。

  • 程式用法:

    <script type='text/javascript'>
    document.write( document.inputEncoding );
    </script>

  • 執行結果:

    UTF-8

  • IE 無此項;Firefox, Safari, Chrome 都成功。
lastModified

存放文件上次修改的日期時間。

  • 程式用法:

    <script type='text/javascript'>
    document.write( document.lastModified );
    </script>

  • 執行結果:

    09/16/2024 19:35:05

  • Safari, Chrome 失敗;IE, Firefox 都成功。

存放當下文件中所有超連結的清單。

  • 程式用法:

    <script type='text/javascript'>
    document.write( document.links.length +'<br />');
    for( var i=0; i < 3; i++)
      document.write( document.links[i].href 
              +' : '+ document.links[i].innerHTML +'<br />');
    </script>

  • 執行結果:

    35
    http://ant4js.blogspot.com/2008/12/documentptyfz.html#main : skip to main
    http://ant4js.blogspot.com/2008/12/documentptyfz.html#sidebar : skip to sidebar
    http://ant4js.blogspot.com/ : 螞蟻的 JavaScript

location

存放當下文件的網址。

  • 程式用法:

    <script type='text/javascript'>
    document.write( document.location );
    </script>

  • 執行結果:

    http://ant4js.blogspot.com/2008/12/documentptyfz.html

namespaceURI

存放當下文件 XML 的名稱空間之 URI。沒用到 XML 則回傳 null。

  • 程式用法:

    <script type='text/javascript'>
    document.write( document.namespaceURI );
    </script>

  • 執行結果:

    undefined

  • IE 無此項;Firefox, Safari, Chrome 都成功。
nodePrincipal

存放文件安全背景的物件。必須特殊指令才可存取此項。

plugins

存放可用的插頭軟體(<embed> 元素)之清單。

  • 程式用法:

    <embed id='emb1' width='40px' height='20px'>插頭一</embed>
    <embed id='emb2' width='40px' height='20px'>插頭二</embed>
    <br />
    <script type='text/javascript'>
    for( var i=0; i < document.plugins.length; i++)
      document.write( document.plugins[i].id
              +' : '+ document.plugins[i].width +'<br />');
    </script>

  • 執行結果:

    插頭一 插頭二
    emb1 : 40px
    emb2 : 40px

popupNode

存放彈出視窗的節點。限用於 XUL 文件。

readyState

存放文件下載的狀態:正在下載,或已經完成下載。

  • 程式用法:

    <script type='text/javascript'>
    document.write( document.readyState );
    </script>

  • 執行結果:

    loading

  • Firefox 無此項;IE, Safari, Chrome 都成功。
referrer

存放連至此文件的前一網頁之 URI。沒有前一網頁時存空字串。

  • 程式用法:

    <script type='text/javascript'>
    document.write( document.referrer.length
         +'<br />'+ document.referrer );
    </script>

  • 執行結果:

    0

strictErrorChecking

存放 true 則會作錯誤檢查;否則存放 false。限 Firefox 使用。

  • 程式用法:

    <script type='text/javascript'>
    document.write( document.strictErrorChecking );
    </script>

  • 執行結果:

    undefined

styleSheets

請參考 說明與範例

textContent

存放文件的文字內容。document.textContent 一律回傳 null。

  • 程式用法:

    <script type='text/javascript'>
    document.write( document.textContent +'<br />');
    </script>

  • 執行結果:

    null

  • IE 無此項;Firefox, Safari, Chrome 都成功。
title

存放當下文件的標題,放在 <title> 元素間。

  • 程式用法:

    <script type='text/javascript'>
    document.write( document.title );
    </script>

  • 執行結果:

    螞蟻的 JavaScript: document:特徵(F-Z)

tooltipNode

存放當下小工具的目標節點。限 XUL 使用。

URL

存放當下文件的 URL。

  • 程式用法:

    <script type='text/javascript'>
    document.write( document.URL );
    </script>

  • 執行結果:

    http://ant4js.blogspot.com/2008/12/documentptyfz.html

xmlEncoding

存放 XML 宣告的編碼法。非 XML 文件,傳回 null。

  • 程式用法:

    <script type='text/javascript'>
    document.write( document.xmlEncoding );
    </script>

  • 執行結果:

    null

  • IE 無此項;Firefox, Safari, Chrome 都成功。
xmlStandalone

存放 true 則 XML 宣告的文件是獨立的;否則存 false。

  • 程式用法:

    <script type='text/javascript'>
    document.write( document.xmlStandalone );
    </script>

  • 執行結果:

    false

  • IE 無此項;Firefox, Safari, Chrome 都成功。
xmlVersion

存放XML 宣告的版本數字;沒宣告時,放”1.0”。非 XML 文件,傳回 null。

  • 程式用法:

    <script type='text/javascript'>
    document.write( document.xmlVersion );
    </script>

  • 執行結果:

    null

  • IE 無此項;Firefox, Safari, Chrome 都成功。

©2008-2009 by ant2legs, All Rights Reserved. ant2legs 擁有其製作的文章,圖片與程式的著作權,所有權利保留。