JavaScript学習の3 JavaScriptブラウザ対象モデル詳細解----document対象

8314 ワード


 
       documentオブジェクトはwindowsオブジェクトの属性で、現在のブラウザに読み込まれているページドキュメントを表します.documentの対象はBOMとDOM(文書の対象モデルは後から詳しく説明します)の共有対象です.
       BOMには統一された標準がないので、各ブラウザのdocumentのオブジェクト特性は全く同じではないので、documentオブジェクトを使用する際にはブラウザの互換性を考慮し、各ブラウザでサポートされる属性をできるだけ使うようにします.
  • 汎用属性
  •   Dcument.bgColor           ページの背景色
  •   document.fgColor            ページの前景色
  •   document.linkColor  ページドキュメントに接続されている色
  •   document.vlinkColor       ページドキュメントにアクセスしたリンク色
  •   document.alinkColor       ページドキュメントでリンクの色をアクティブにする
  • 上記の5つの属性は推奨されていません.W 3 Cの基準によっていくつかの古い特性が使用されています.
  •   document.domain           ドキュメントのドメイン名を取得する
  •   ドcument.referrer            ユーザを現在のページのURL
  • に導入する.
  •   document.URL                  現在のページのURL
  •   document.title                  現在のページのタイトル
  •   document.lastModified   前回のページ修正時間は
  • です.
  •   document.co okie             Cookieの値を設定または取得する
  • Cookieは異なるページの間でパラメータを伝達する方法の一つであり、クライアントでデータを保存するための一般的な方法でもあり、直接にDcument.Cookie属性を設定すればCookieを設定でき、Cookieは普通のテキストで保存されています.
    書式はいくつかのグループのキーのペアの形(name=value)の文字列で、複数のグループのキーのペア間はセミコロン(;)で区切られます.例えば:name=古い鄧;password=1234;これ以外にも、Cookie文字列に特殊な属性を付加することができる.Cookieは以下の属性をサポートします.
    expires=date:Cookieの期限が切れた時間を表しています.この属性が設定されていない場合、Cookieはブラウザが閉じた時に削除されます.将来の時間がexpiresで設定されているなら、Cookieはこの時間まで使用できます.もしexpiresが過去の時間を設定したら、Cookieはすぐに削除されます.
    domin=domin Name:Cookieにアクセスできるセキュリティドメインを表し、この属性を設定することにより、複数のドメイン間でCookieを共有できる値を実現することができる.
    path=allowPath:Cookieへのアクセスを許可するサービングエンドパスを表し、そのパスの下のページだけがこのCookieにアクセスできる.
    secure:Cookieが安全であることを示すもので、このCookieにアクセスできるのはセキュリティドメイン内のサイトだけです.
           Cookieを使用する場合、Cookieが保存できる最大長さは4 Kbですので、Cookieの中に少量のデータしか保存できません.また、ブラウザはCookieを無効にすることがありますので、Cookieにキーパラメータやデータが保存されていません.以下は2つのよく使われるCookie関数です.
     1 /***
    2 * Cookie
    3 * @/// <param name="cookieName" type="string">Cookie </param>
    4 * @/// <param name="cookieValue" type="string">Cookie </param>
    5 * @/// <param name="cookieDay" type="number">Cookie </param>
    6 */
    7 function SetCookie(cookieName, cookieValue, cookieDay) {
    8 //
    9 var today = new Date();
    10
    11 //Cookie
    12 var expire = new Date();
    13
    14 // cookieDay cookieDay 0, 1
    15 if (cookieDay == null || cookieDay == 0) {
    16 cookieDay = 1;
    17 }
    18
    19 // Cookie
    20 expire.setTime(today.getTime() + 3600000 * 24 * cookieDay);
    21
    22 // Cookie
    23 document.cookie = cookieName + "=" + escape(cookieValue) + ";expire=" + expire.toGMTString();
    24 }
    25
    26 /***
    27 * Cookie
    28 * @/// <param name="cookieName" type="string">Cookie </param>
    29 */
    30 function readCookie(cookieName){
    31 //Cookie
    32 var cookieString = "" + document.cookie;
    33
    34 // cookieName
    35 var find = cookieString.indexOf(cookieName);
    36
    37 // cookieName,
    38 if (find == -1 || cookieName == "") {
    39 return "";
    40 }
    41
    42 //
    43 var index = cookieString.indexOf(';', index);
    44 if (index == -1) {
    45 index = cookieString.length;
    46 }
    47
    48 // Cookie
    49 return unescape(cookieString.substring(find + cookieName.length + 1, index));
    50 }
    2.集合のプロパティ
    documentオブジェクトは、いくつかのセットクラスの属性を持ち、現在のページ内のすべての同類のHTML要素をセット属性で取得することができます.
    属性
    意味
    アンチョス
    ドキュメント内のすべてのアンカーのセットを返します.これは、IE中のdocument.anchorrsが、nameまたはID属性を持つアンカーを返し、firefoxでname属性のアンカーを返します.
    applets
    ドキュメント内のすべてのアプリのセットを返します.
    embeds
    ドキュメント内のすべてのembedsオブジェクトのセットを返します.
    forms
    ドキュメント内のすべてのフォームのセットを返します.
    イメージ
    ドキュメント内の全オブジェクトの集合を返します.
    links
    ドキュメント内のすべてのリンクのセットを返します.すなわち、href属性が設定されているすべての要素メソッドを返します.
    3. 方法
  • document.write/document.writeln    現在のドキュメントでテキストを出力する場合、writelnはテキストを出力した後に改行を付加するという違いがあります.
  • document.open        文書を開く
  • document.close        ドキュメントを閉じて、書き込みの内容をページに出力します.
  •     
    後の話:documentの対象はこれらの内容について、実はそんなに複雑ではありません.次はロカション、screen、navigation、historyオブジェクトについて説明します.