JavaScript学習の3 JavaScriptブラウザ対象モデル詳細解----document対象
8314 ワード
documentオブジェクトはwindowsオブジェクトの属性で、現在のブラウザに読み込まれているページドキュメントを表します.documentの対象はBOMとDOM(文書の対象モデルは後から詳しく説明します)の共有対象です.
BOMには統一された標準がないので、各ブラウザのdocumentのオブジェクト特性は全く同じではないので、documentオブジェクトを使用する際にはブラウザの互換性を考慮し、各ブラウザでサポートされる属性をできるだけ使うようにします.
書式はいくつかのグループのキーのペアの形(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の対象はこれらの内容について、実はそんなに複雑ではありません.次はロカション、screen、navigation、historyオブジェクトについて説明します.