2008年12月24日

document 及特徵(A-E)

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

此物件可用來動態調控文件的內容。

  • 程式用法:

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

  • 執行結果:

    [object HTMLDocument]
    1

document 的特徵
alinkColor

讀取或設定活動連結的顏色。

linkColor

讀取或設定連結的顏色。

vlinkColor

讀取或設定已訪問連結的顏色。

  • 程式用法:

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

  • 執行結果:



  • 上例 Safari, Chrome 失敗;IE, Firefox 執行成功,但是取得的顏色值好像不對。這三個特徵已建議廢止,建議勿用。
anchors

此份清單,存放文件中所有的錨。只包括用 name 建立的錨,不包括用 id 建立的錨。

  • 程式用法:

    <a name='here1'>錨一</a> : <a name='here2'>錨二</a><br />
    <script type='text/javascript'>
    for(var i=0; i < document.anchors.length; i++)
      document.write( document.anchors[i].name
              +' : '+ document.anchors[i].innerHTML +'<br />');
    </script>

  • 執行結果:

    錨一 : 錨二
    107984133049313223 :
    here1 : 錨一
    here2 : 錨二

  • 上例中,很長的數字,應該是部落格原有的錨。
applets

此份排序清單,存放文件中所有的小應用程式。

async

配合方法 document.load 使用,true 表非同步的要求,false 表同步的要求。

baseURI

讀取文件的基本 URI。

  • 程式用法:

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

  • 執行結果:

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

  • IE 無此項;Firefox, Safari, Chrome 執行成功。
baseURIObject

存放文件的基本 URI 物件。必須特殊指令方可讀取此項。

bgColor

讀取或設定當下文件的背景色。

fgColor

讀取或設定當下文件的前景色,也就是文字的顏色。

  • 程式用法:

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

  • 執行結果:


  • Safari, Chrome, Firefox 已廢止 bgColor, fgColor;IE 執行成功。
body

存放當下文件的 BODY 元素物件。

  • 程式用法:

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

  • 執行結果:

    [object HTMLBodyElement]

characterSet

存放當下文件使用的文字組。

  • 程式用法:

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

  • 執行結果:

    UTF-8

  • IE 無此項;Firefox, Safari, Chrome 執行成功。
compatMode

存放當下文件展現的模式。模式分為:字串 "BackCompat" 表 Quirks 模式;或 "CSS1Compat" 表 Strict 模式。

  • 程式用法:

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

  • 執行結果:

    CSS1Compat

contentType

存放當下文件的 MIME 表頭之內容模式(Content-Type)。限 Firefox 使用。

  • 程式用法:

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

  • 執行結果:

    text/html

請參考 說明與範例

defaultView

存放本文件所在的視窗物件。唯讀。

  • 程式用法:

    <script type='text/javascript'>
    document.write( document.defaultView.history.length );
    </script>

  • 執行結果:

    2

  • IE 無此項;Firefox, Safari, Chrome 執行成功。
designMode

取得或設定編輯能力(Midas)。可用來製作一個編輯器。這個主題很大,後面在談。

  • 程式用法:

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

  • 執行結果:

    off

doctype

存放當下文件的文件型態定義(DTD)的物件。唯讀。如果當下文件沒有關聯的 DTD 則回傳 null。

  • 程式用法:

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

  • 執行結果:


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

存放文件的根元素;在 HTML 文件,此為 <html> 元素。唯讀。

  • 程式用法:

    <script type='text/javascript'>
    var t1=document.documentElement.childNodes;
    for( var i=0; i < t1.length; i++)
      document.write( t1[i] +'<br />');
    </script>

  • 執行結果:

    [object HTMLHeadElement]
    [object Text]
    [object HTMLBodyElement]

documentURI

存放文件的 URI 網址。

  • 程式用法:

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

  • 執行結果:

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

  • IE 無此項;Firefox, Safari, Chrome 執行成功。
documentURIObject

存放文件的 URI 網址物件。必須特殊指令(UniversalXPConnect)方可讀取此項。

domain

讀取或設定當下文件的網域。

  • 程式用法:

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

  • 執行結果:

    ant4js.blogspot.com

domConfig

存放 DOM 的配置物件。限 Firefox 使用。

  • 程式用法:

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

  • 執行結果:

    undefined

embeds

存放當下文件中,植入的 OBJECTS 清單。

  • 程式用法:

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

  • 執行結果:

    植入一 植入二
    emb1 : 20px
    emb2 : 22px


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