フロントとDOOM BOOM

BOOM:JavaScriptの対応ブラウザ対話可能ブラウザ・オブジェクト・モデルを指す
DOMを:ドキュメントオブジェクトモデルを参照して、HTMLドキュメントは、その要素の全てがアクセスすることができます 

Windowsのオブジェクト

すべてのブラウザは、Windowsオブジェクトをサポートしています。それは表しブラウザウィンドウを

文書は、フレーム(フレームまたはiframeタグ)が含まれている場合、ブラウザは、HTML文書のためのWindowsのオブジェクトを作成し、各追加のWindowsアーキテクチャのためのオブジェクトを作成します

いいえ公共の標準的なWindowsアプリケーションとオブジェクトが、すべてのブラウザでは、オブジェクトをサポートしていません。

すべてのJavaScriptのグローバルオブジェクト、関数、変数は自動的にWindowsオブジェクトのメンバーです。

グローバル変数は、Windowsオブジェクトのプロパティです。グローバル関数は、Windowsのオブジェクトのメソッドであります

また、HTML DOMドキュメントオブジェクトのプロパティの1つのWindows

 

方法は、一般的にWindowsの使用します:

ブラウザウィンドウのウィンドウのWindow.innerHeight内部高さ

ブラウザウィンドウの内部幅Window.innerWidth

window.open()新しいウィンドウ開くに
はwindow.close()は現在のウィンドウを閉じます

 

ウィンドウの子オブジェクト

  ナビゲータオブジェクト(理解する)
  ブラウザ・オブジェクト、オブジェクトは、ブラウザ関連情報画面オブジェクトを含む、ユーザによって使用されるブラウザによって決定することができる(理解)

// navigator.appNameのWebブラウザフルネーム
はnavigator.appVersion   // Webブラウザのベンダーと文字列の詳細なバージョン
navigator.userAgent   // クライアント情報のほとんど
navigator.platformの  オペレーティングシステムが実行されているブラウザで//

 

  画面オブジェクト(理解)画面オブジェクト

  利用可能な画面幅screen.availWidth

  screen.availHegight利用可能な画面の高さ

  履歴オブジェクト(知っています)

  windows.historyオブジェクトは、ブラウザの履歴が含まれています

  閲覧の履歴、現在のページのユーザーのブラウザの履歴を含むオブジェクトが、我々は特定のアドレスを見ることはできませんが、単純にページ上の前方または後方に移動するために使用することができます

// history.forward()前方
history.back()は、     1ページ戻る//

 

  ロケーション・オブジェクト

  window.locationのオブジェクトは、現在のページのアドレス(URL)を取得し、新しいページにブラウザをリダイレクトするために使用されます

  共通プロパティとメソッド

LOCATION.HREF URLを取得
指定したページにLOCATION.HREF =「URL」//ジャンプ
ページをリロード)(location.reload

  ポップアップボックス

  警告ボックス、チェックボックス、メッセージボックス:スリーは、JavaScriptのメッセージボックスに作成することができます。

 

  アラートボックス

  アラートボックスは、多くの場合、ユーザーはいくつかの情報を得ることができることを確実にするために使用されます

  警告ボックスが表示されたら、ユーザーは続行するために[OK]ボタンをクリックする必要があります。

  構文:警告(「?あなたはそれを見ました」);

 

  確認ボックス(知っています)

  確認したり、特定の情報を受信するユーザーのためのボックスをチェックします

  確認ボックスが表示されたら、ユーザーは続行するために、ボタンをOK]または[キャンセル]をクリックする必要があります

  ユーザーが確認するためにクリックした場合、戻り値はtrueです。ユーザーが[キャンセル]をクリックした場合、戻り値がfalseであります

  構文:確認(「よろしいですか?」)

 

  プロンプトボックス(知っています)

  プロンプトボックスは、多くの場合、値のページを入る前に入力を促すために使用されます

  プロンプトボックスが表示されたら、ユーザーが値を入力する必要があり、その後、継続するには、[OK]をクリックするか、[キャンセル]ボタンを

  ユーザーが確認するためにクリックした場合、戻り値は入力されます。ユーザーが[キャンセル]をクリックした場合、戻り値はnullです

  構文:プロンプト(「下記を入力してください」、「あなたの答え」)

 

  タイミング関連

   JavaScriptを使用することにより、我々は時間の一定の間隔で後に関数が呼び出された直後にコードを実行し、しないようにすることができます。私たちは、計時時間を呼び出します。

  setTimeout()

  構文:VARトン=のsetTimeout( 'jsの声明'、 'ミリ秒')

  setTimeout()メソッドは、上記の文において、値がTで指定変数に格納され、値を返します。あなたがこののsetTimeout()をキャンセルしたい場合は、それを指定するには、この変数名を使用することができます。

  各パラメータののsetTimeout()はJavaScriptステートメントを含む文字列です。この文は、このような「警告(」5秒!「)」や、ALERTMSGとしての機能を呼び出し、()ようなものであってもよいです

  第2のパラメータは、現在から何ミリ秒の実装からパラメータを示している(1000、MSが1に等しいです)

  

  clearTimeout()

  语法:てclearTimeout(setTimeout_variable)

  

//指定された時間の後に、対応する機能を実行

するvarタイマ= setTimeoutメソッド(関数(){アラート(123)}、3000)

//のsetTimeoutキャンセルするように設定さ
てclearTimeout(タイマ)

 

   

  setInterval()

  呼出関数または演算式に(ミリ秒単位で)指定された期間に従ってたsetInterval()メソッド

  setInterval()メソッドがします  停止 ()てclearIntervalまで関数を呼び出すと呼ばれる、またはウィンドウが閉じられています。パラメータID値でのsetInterval()戻りてclearInterval()メソッドとして使用することができます

  構文:のsetInterval( 'jsの声明'、時間間隔)

  返却値

  コードの値を定期的に実行されるキャンセルするように()Windows.clearIntervalに渡すことができます。

  clearInterval()

  clearInterval()メソッドは、タイムアウトのsetInterval()のセットを取り消します。

  clearInterval(setinterは、ID値を返し)

//時間までの時間は、各機能実行し
、VARタイマ=たsetInterval(3000関数(){にconsole.log(123)})

//のsetIntervalキャンセルするように設定さ
てclearInterval(タイマ)。

 

 

JUDGMENT

DOMは、文書の内容と抽象概念化メソッドのセットです

ページがロードされると、ブラウザは、ページのドキュメントオブジェクトモデルを作成します。

HTML DOMオブジェクトモデルツリーが設定されています

HTML DOMツリー

DOM標準は、HTML文書の各構成要素はノード(ノード)であることを指定します。

  • Documentノード(ドキュメントオブジェクト):文書全体を代表して
  • 要素ノード(要素オブジェクトは):要素(タグ)を表します
  • ノードのテキスト(テキストオブジェクト):テキスト内の代表的要素(タグ)
  • ノード属性(属性オブジェクト):属性要素(タグ)を表す特性を有します
  • コメントはコメントノード(コメントオブジェクト)です 

JavaScriptはDOMを通じてダイナミックHTMLを作成することができます。

  • JavaScriptは、ページ上のすべてのHTML要素を変更することができます
  • JavaScriptは、すべてのHTMLページのプロパティを変更することができます
  • JavaScriptは、すべてのCSSスタイルのページを変更することができます
  • JavaScriptは、すべてのイベントページに反応することができます

 

ラベルを探します

  ダイレクト検索

タグIDの取得によるとのdocument.getElementById 
document.getElementsByClassNameはクラス属性に応じて取得した
ラベル名タグコレクション下で取得document.getElementsByTagName

 

  注:JSコードに関連するDOM操作はその位置文書に配置されなければなりません

  間接検索 

parentElement親タグ要素の
すべてのサブタブの子どもたちは、
最初の子タグ要素がfirstElementChild 
最後の子要素タグlastElementChild 
次nextElementSibling兄弟要素タグを
ラベルpreviousElementSibling上の兄弟要素を

 

おすすめ

転載: www.cnblogs.com/lakei/p/10964154.html