JavaScript-BOM編
2829 ワード
JavaScriptの構成部分1、EMCAScript(基本文法)2、BOM(Browser Object Model)ブラウザの対象モデルブラウザのオブジェクトモデルでは、ブラウザの各部分を一つのオブジェクトで説明しています.ブラウザのいくつかの属性を操作するなら、ブラウザの対象モデルのオブジェクトを通じて操作できます.
windowの対象windowは新しく開く窓を代表しました.
一般的な方法:open()——新しいウィンドウを開きます.指定された幅と高さの値にウィンドウのサイズを変更します.moveBy()——指定されたx,y値は元のウィンドウに対して移動します.moveTo()——ウィンドウの左上隅のスクリーン位置を指定のxとy位置に移動します.set Interval()——指定されたミリ秒値を経過するごとに指定されたコードが実行されます.clear Interval()——一つのタスクのIDによってキャンセルされるタイミングタスクです.setTimeout()——指定ミリ秒値を経て指定されたコードを一回実行します.
登録イベント方式一:直接html元素に登録する
マウス移動関連:onmouseoutマウスポインタをオブジェクトの境界に移動させるときにトリガします.onmousemooveは、マウスをオブジェクトになぞる際にトリガします.
焦点関連:onblurはオブジェクトが入力焦点を失ったときにトリガされます.onfocusはオブジェクトがフォーカスを得るとトリガします.
他:onchangeオブジェクトまたは選択エリアの内容が変更されたときにトリガします.オンラインは、ブラウザでオブジェクトのロードが完了したら、直ちにトリガします.Onsbmitフォームが提出されるときにトリガされます.
アドレスバーオブジェクト(location)href——設定とアドレスバーのオブジェクトreload()を取得する——現在のページを更新する
screenオブジェクトavailHeightは、システム画面の作業領域の高さを取得し、Microsoft Windowsのタスクバーを排除する.avail Width――システム画面の作業領域幅を取得し、Windowsのタスクバーを排除する.height――画面の垂直解像度を取得する.width——画面の水平解像度を取得します.
DOMエントリDOM(Docment Object Model)ドキュメントのオブジェクトモデルがブラウザにロードされると、ブラウザはhtmlページのすべてのタブに対応するオブジェクトを作成して説明します.ブラウザで見た情報はこれだけです.私たちは対応するオブジェクトの操作対象の属性を見つけさえすれば、ブラウザの現在表示されている内容を変えることができます.
html元素のタグ属性を通してノードを探しています.
windowの対象windowは新しく開く窓を代表しました.
一般的な方法:open()——新しいウィンドウを開きます.指定された幅と高さの値にウィンドウのサイズを変更します.moveBy()——指定されたx,y値は元のウィンドウに対して移動します.moveTo()——ウィンドウの左上隅のスクリーン位置を指定のxとy位置に移動します.set Interval()——指定されたミリ秒値を経過するごとに指定されたコードが実行されます.clear Interval()——一つのタスクのIDによってキャンセルされるタイミングタスクです.setTimeout()——指定ミリ秒値を経て指定されたコードを一回実行します.
登録イベント方式一:直接html元素に登録する
function ready(){
alert("body ..");
}
方式二:jsコードで対応する対象を見つけて登録することができます.var bodyNode = document.getElementById("body");
bodyNode.onload = function(){
alert("body ");
}
よく使うイベントのマウスクリック関連:onclickは、ユーザがマウスの左ボタンでオブジェクトをクリックしたときにトリガされます.ondblclickは、ユーザがオブジェクトをダブルクリックするとトリガされる.onmousedownオブジェクトをマウスボタンでクリックすると、ユーザーがトリガします.onmouseupマウスをオブジェクトの上に置くとマウスボタンを放します.マウス移動関連:onmouseoutマウスポインタをオブジェクトの境界に移動させるときにトリガします.onmousemooveは、マウスをオブジェクトになぞる際にトリガします.
焦点関連:onblurはオブジェクトが入力焦点を失ったときにトリガされます.onfocusはオブジェクトがフォーカスを得るとトリガします.
他:onchangeオブジェクトまたは選択エリアの内容が変更されたときにトリガします.オンラインは、ブラウザでオブジェクトのロードが完了したら、直ちにトリガします.Onsbmitフォームが提出されるときにトリガされます.
アドレスバーオブジェクト(location)href——設定とアドレスバーのオブジェクトreload()を取得する——現在のページを更新する
screenオブジェクトavailHeightは、システム画面の作業領域の高さを取得し、Microsoft Windowsのタスクバーを排除する.avail Width――システム画面の作業領域幅を取得し、Windowsのタスクバーを排除する.height――画面の垂直解像度を取得する.width——画面の水平解像度を取得します.
DOMエントリDOM(Docment Object Model)ドキュメントのオブジェクトモデルがブラウザにロードされると、ブラウザはhtmlページのすべてのタブに対応するオブジェクトを作成して説明します.ブラウザで見た情報はこれだけです.私たちは対応するオブジェクトの操作対象の属性を見つけさえすれば、ブラウザの現在表示されている内容を変えることができます.
html元素のタグ属性を通してノードを探しています.
document.getElementById("html id")
document.getElementsByTagName(" ")
document.getElementsByName("html name")
関係(親子関係、兄弟関係)を通してノードを探す.parentNode 。
childNodes 。
firstChild 。
lastChild 。
nextSibling 。( )
previousSibling 。( )
バイト挿入ノードを作成し、ノードの属性を設定します.document.createElement(" ")
elt.setAttribute(" ", " ")
elt.appendChild(e) elt
elt.insertBefore(newNode, oldNode) elt ,child 。elt oldNode 。
elt.removeChild(child) 。elt child 。
正規表現の正規表現の作成方法: 1:
/ /
2:
new RegExp(" ", );
モード: g ( pattern)
i ( )
正規表現オブジェクトで使用する方法:test() , ture, false
exec()