ホームページ  >  記事  >  ウェブフロントエンド  >  html5ガイド-2. ドキュメントメタデータの操作方法_html5チュートリアルのヒント

html5ガイド-2. ドキュメントメタデータの操作方法_html5チュートリアルのヒント

WBOY
WBOYオリジナル
2016-05-16 15:50:151357ブラウズ

今日の内容はドキュメントオブジェクトの操作方法についてです。
1. ドキュメントのメタデータを操作する
まず、関連する属性を見てみましょう。
characterSet: 現在のドキュメントのエンコーディング メソッドを取得します。 🎜>charset: 現在のドキュメントのエンコード方法を取得または設定します。
compatMode: 現在のドキュメントの互換性モードを取得します。
cookie: 現在のドキュメントの Cookie オブジェクトを取得または設定します。ブラウザのデフォルトのエンコード方法を取得します。
defaultView: 現在のドキュメントのウィンドウ オブジェクトを取得します。
dir: 現在のドキュメントのテキストの配置を取得または設定します。
domain: ドメインの値を取得または設定します。現在のドキュメント;
実装: サポートされている dom 機能の情報を提供します。
lastModified: ドキュメントの最終更新時刻を取得します (最終更新時刻がない場合は、現在の時刻を返します)。現在のドキュメントの URL 情報。
readyState: 現在のドキュメントのステータスを返します。この属性は読み取り専用です。
referrer: 現在のドキュメントに接続されているドキュメントの URL 情報を返します。現在のドキュメントのタイトルを取得または設定します。
次の例を見てください:





コードをコピーします

コードは次のとおりです:
;




结果:


4. 監査書き込み cookie
cookie プロパティを通じて、ドキュメントの cookie の新規作成、変更、および読み取り操作を実行できます。以下の例:

复制代码
代码如下:












结果:


5.理解ReadyState
document.readyState は、面の追加と解析過程における、面の現在の状態を理解するのに役立ちます。
loading: ドキュメントをダウンロードおよび実行中です。
interactive: ドキュメントは解析を完了しましたが、ドキュメントはまだ実行されていません。他の外部リソース (メディア、写真など) をロード中です。
complete: 解析が完了し、外部リソースが完了しました。


は、readystatechange イベント (readyState 状態変更時のトリガー) を使用して相当の値を取得します。 >代码如下:



コンテンツ="アダム フリーマン" /> <br><meta name="description" content="簡単な例" /> <br><script> <br>document.onreadystatechange = function () if (document.readyState == "interactive") { <br>document.getElementById("pressme").onclick = function () { <br>document.getElementById("results").innerHTML = "ボタンが押されました"; 🎜>} <br>} <br>} <br></script> <br><body> <br><button id="pressme"> <br><br><br><br><br><br> を押してください。このコードは、readystatechange イベントを使用して、遅延実行の効果を実現します。この時点で、readystate の値は、ページ全体が解析されてアクセスされた後にのみ対話型になります。この操作により、必要な HTML 要素が存在することが確認され、エラーの発生を防ぐことができます。 <br><br>6. dom 属性の実装に関する情報を取得する <br> <br>document.implementation 属性は、ブラウザの dom 属性の実装を理解するのに役立ちます。このプロパティは、hasFeature メソッドを含む DOMImplementation オブジェクトを返します。このメソッドを使用すると、ブラウザの特定のプロパティの実装を理解できます。 </div> <br><br><strong></strong><br>コードをコピー<br><br><div class="msgheader">コードは次のとおりです。<div class="right"> <span style="CURSOR: pointer" onclick="copycode(getid('phpcode147'));"> <u><!DOCTYPE HTML> </u> <html> </span><head> </div><title>例