BOM(ブラウザのオブジェクトモデルは)にはJavaScript対応ブラウザが可能ブラウザオブジェクトモデルを指し、「話。」
DOM(ドキュメントオブジェクトモデル)を使用すると、HTMLドキュメントのすべての要素にアクセスするためのドキュメントオブジェクトモデルを指します。
Windowオブジェクトは、ウィンドウオブジェクトが他のオブジェクトのほとんどの共通の祖先であるため、ウィンドウオブジェクトのメソッドとプロパティを呼び出すとき、あなたは、ウィンドウオブジェクトへの参照を省略することができ、トップターゲットクライアントのJavaScriptの一つです。たとえば、次のdocument.write():window.document.write()は、と略記することができます。
ウィンドウオブジェクト
すべてのブラウザでは、ウィンドウオブジェクトをサポートしています。これは、ブラウザのウィンドウを表します。
いくつかの一般的に使用されるウィンドウの方法:
- ブラウザウィンドウの内部高さ - window.innerHeight
- window.innerWidth - ブラウザウィンドウの幅の内側
- window.open() - 新しいウィンドウが開きます
- window.close() - 現在のウィンドウを閉じます
ウィンドウの子オブジェクト
navigatorオブジェクト
navigator.appName // Webブラウザフルネーム はnavigator.appVersion // Webブラウザのベンダーと文字列の詳細なバージョン navigator.userAgent // クライアント情報のほとんど navigator.platform // オペレーティングシステムは、ブラウザ内で実行されています
画面オブジェクト
screen.availWidth - 利用可能な画面幅
screen.availHeight - 利用可能な画面の高さ
履歴オブジェクト
window.historyオブジェクトは、ブラウザの履歴が含まれています。
ユーザの現在のページの閲覧履歴が含まれていますが、我々は特定のアドレスを見ることができない閲覧履歴オブジェクトは、単に前方または後方のページを移動するために使用することができます。
history.forward() // 前方 history.backは() // 1ページ戻ります
ロケーション・オブジェクト
window.locationのオブジェクトは、現在のページのアドレス(URL)を取得するために使用され、ブラウザが新しいページにリダイレクトされます。
URLを取得LOCATION.HREF LOCATION.HREF = 「のURL 」 // 特定のページへのジャンプ ページをリロードするlocation.reloadを()
ポップアップボックス:警告メッセージボックスボックスボックスの確認
アラートが(「あなたがそれを見た?」); の確認(「?あなたはよろしい」) プロンプト(「以下を入力してください」、「あなたの答え」)
タイミング関連
JavaScriptを使用することにより、我々は時間の一定の間隔で後に関数が呼び出された直後にコードを実行し、しないようにすることができます。私たちは、時限イベントを呼び出します。
setTimeout()
構文:VARの T =のsetTimeout(" JS声明"、MS)
setInterval()
呼出関数または演算式に(ミリ秒単位で)指定された期間に従ってたsetInterval()メソッド。
setInterval()メソッドは、()てclearIntervalまで、関数を呼び出すしていきますと呼ばれる、またはウィンドウが閉じられています。パラメータ値がてclearInterval()メソッドを返すようにしたsetInterval()IDが使用されます。
構文:のsetInterval(" JS文"、間隔)
clearInterval()
clearInterval()メソッドは、タイムアウトのsetInterval()のセットを取り消します。
clearIntervalパラメータは、()メソッドのsetInterval()リターンのID値でなければなりません。
構文:てclearInterval(たsetInterval ID値が返されます)
<!DOCTYPE HTML> <HTML LANG = " EN " > <HEAD> <METAのcharset = " UTF-8 " > <タイトル>タイトル</ TITLE> </ HEAD> <BODY> <SCRIPT> 関数foo(){ アラート(123 ) } 関数表示(){ VARの T =のsetInterval(FOO、3000 );#(ミリ秒単位)指定された間隔呼び出し関数または演算式に。 内側の関数(){ たsetInterval()セットによってキャンセルてclearInterval(T)#タイムアウト。 } のsetTimeout(内側 </スクリプト> </ BODY> </ HTML>
JUDGMENT
DOM(ドキュメントオブジェクトモデル)は、文書や抽象概念の内容のためのメソッドのセットです。
ページがロードされると、ブラウザは、ドキュメントオブジェクトモデル(ドキュメントオブジェクトモデル)のページを作成します。
ラベルを探します
ダイレクト検索
タグIDの取得によるとのdocument.getElementById
document.getElementsByClassNameはクラス属性に応じて取得した
ラベル名タグコレクション下で取得document.getElementsByTagName
間接検索
parentElement親タグ要素の
すべてのサブタブの子どもたちは、
最初の子タグ要素がfirstElementChild
最後の子要素タグlastElementChild
次nextElementSibling兄弟要素タグを
ラベルpreviousElementSibling上の兄弟要素を