04-BOMに関する知識紹介
2654 ワード
JavaScriptの三つの構成部分:コア(ECMAScript)、ヨーロッパのコンピュータメーカーの休憩会:JSの文法と基本的なオブジェクトを記述しました. 文書オブジェクトモデル(DOM):ウェブコンテンツを処理する方法とインターフェース. ブラウザオブジェクトモデル(BOM):ブラウザと対話する方法とインターフェース. 常用イベント:
イベント名
説明
onclick
マウスクリック
ondblclick
マウスをダブルクリック
onkeyup
キーボードのキーを押してリリースするときにトリガします.
オンチャン
テキストの内容やプルダウンメニューのオプションが変更された場合
onfocus
フォーカスを取得し、テキスト枠などを表示してマウスカーソルを取得します.
onblur
焦点を失う
onmouseover
マウスが止まり、マウスが写真などの上に止まっています.
onmousout
マウスを削除して、マウスを画像などの場所に移動します.
onload
ウェブページの読み込みイベント
ワンロード
ウェブページを閉じるときにトリガ
onsubmit
フォーム送信イベント
オンレス
フォームをリセットする場合
oninput
input内容変更時トリガ
BOMブラウザオブジェクトモデル. BOMのトップオブジェクトはwindowで、通常は省略できます. メンバー変数もwindowの属性です. カスタム関数もwindowの一つの方法です. DOMのトップはdocumentで、documentはwindowの一部です. windowオブジェクト: windowオブジェクトはJavaScriptのトップオブジェクトです. グローバルスコープで定義されている変数、関数はすべてwindowオブジェクトの属性と方法になります. windowオブジェクトのプロパティとメソッド呼び出し時にはwindowを省略することができます. window内蔵関数: window内蔵オブジェクト
locationオブジェクト: locationはブラウザのアドレスバーに相当します. は、urlを独立したフラグメントに解析することができる. locationオブジェクトの属性: hash host hostname; pathname; protocol. search reload navigatorオブジェクト window.navigatorのいくつかの属性は、クライアントのいくつかの情報を取得することができます. userAgent(了解); plotform(了解) history対象履歴管理. history.back() history.go(-1)、0はリフレッシュです. history.forward() history.go(1) タイマー
サイクル実行(設定待ち時間が経過したら実行)は、タイマーを定義します. クリアランス:タイマーには戻り値があります.戻り値はタイマーの名前です.タイマーをクリアする時はタイマーの名前が入ってきたらタイマーを停止できます. 間隔で実行され、時間は特に正確ではない. タイマーの定義方法は全部で3つあります. 匿名関数: 呼び出し関数 バンドパラメータ関数 を呼び出します.定義: クリアタイマ:
イベント名
説明
onclick
マウスクリック
ondblclick
マウスをダブルクリック
onkeyup
キーボードのキーを押してリリースするときにトリガします.
オンチャン
テキストの内容やプルダウンメニューのオプションが変更された場合
onfocus
フォーカスを取得し、テキスト枠などを表示してマウスカーソルを取得します.
onblur
焦点を失う
onmouseover
マウスが止まり、マウスが写真などの上に止まっています.
onmousout
マウスを削除して、マウスを画像などの場所に移動します.
onload
ウェブページの読み込みイベント
ワンロード
ウェブページを閉じるときにトリガ
onsubmit
フォーム送信イベント
オンレス
フォームをリセットする場合
oninput
input内容変更時トリガ
BOM
window.open(url,target,param);
:urlは開くURLで、targetは新しいウィンドウを開くかどうかを示すために、paramは新しいウィンドウのいくつかの設定です.その中のparamの中ではキーのペアがあります.フルスクリーンなどの基本設定ができますか?3番目のパラメータも省略できます.window.close();
:ウィンドウを閉じます.locationオブジェクト:
href
:ラベルのonclick方法にlocation.href="http://baidu.com";
を追加して、ラベルをクリックするとページジャンプができます.
:
:サイクル実行(設定待ち時間が経過したら実行)
var timeIT = setInterval(code,interval);
clearIntervarl(timeTT);
setInterval(function(){
//code
},5000); // 5
setInterval(fn,5000);
setInterval("fn(aaa)",5000);
使い捨てタイマーvar timeTO = setTimeout(code,interval);
;clearTimeout(timeTO);
.