ブラウザオブジェクトモデル(BOM)は、JavaScriptのコンポーネントの1つであり、コンテンツとは無関係にブラウザウィンドウと相互作用するオブジェクトを提供することがわかっています。その階層構造は次のとおりです。
ウィンドウオブジェクトは、ドキュメント(ドキュメントオブジェクト)、場所(アドレスオブジェクト)、履歴(履歴オブジェクトの構成)を含むBOM全体のコアです。
オブジェクトのプロパティを呼び出すための構文:
1。オブジェクト。属性name = "属性値";
2。オブジェクト["属性名文字列"] = "属性値";
オブジェクトメソッドを呼び出すための構文:
1。オブジェクトのメソッド名();
2。オブジェクト["メソッド名文字列"]();
ウィンドウオブジェクトの一般的な方法
ウィンドウオブジェクトの一般的な方法
| 名前 | 説明します |
| プロンプト() | ユーザーに入力するように促すダイアログボックスを表示します |
| alert() | 大きなプロンプトメッセージとOKボタンを含む警告ダイアログを表示します |
| 確認する() | プロンプトメッセージ、「OK」および「キャンセル」ボタンでダイアログボックスを表示する |
| 近い() | ブラウザウィンドウを閉じます |
| 開ける() | 新しいブラウザウィンドウを開いて、指定されたURLで指定されたドキュメントをロードする |
| setimeout() | 数ミリ秒を指定した後、関数を呼び出すか、式を計算します |
| setInterval() | 指定された期間に従って関数を呼び出すか、式を計算します(ミリ秒で記録) |
ウィンドウの機能プロパティ
| 名前 | 説明します |
| 高さ、幅 | 高さと幅(ピクセルで記録) |
| 左、上 | ウィンドウのxおよびy座標はピクセルで記録されます |
| ツールバー | ブラウザのツールバーを表示するかどうか |
| スクロールバー | スクロールバーを表示するかどうか |
| 位置 | アドレスバーを表示するかどうか |
| 状態 | ステータスバーを追加するかどうか |
| メノバー | メニューバーを表示するかどうか |
| 再配置可能 | ウィンドウはサイズが調整可能です |
| タイトルバー | タイトルバーを表示するかどうか |
| 全画面表示 | フルスクリーンモードを使用してブラウザを表示するかどうか |
ウィンドウオブジェクトの一般的なイベント
| 名前 | 説明します |
| オンロード | ページまたは画像がロードされます |
| オンマウスオーバー | マウスポインターを要素に移動します |
| オンクリック | マウスでオブジェクトをクリックします |
| OnKeyDown | キーボードキーが押されます |
| onchange | ドメインの内容が変更されました |
カスタムオブジェクト宣言
宣言する最初の方法:
<script type = "text/javascript"> function paly(){var p = new object(); //オブジェクトオブジェクトを作成してメモリスペースを開きます//オブジェクトの属性を定義しますp.age = 1; p.name = "javascript"; //オブジェクトP p.sayhi = function(){document.write( "こんにちはみんな!私は" + p.name + "I a a are" + p.age + "year-hind"); } // return object p return p; } //カスタムオブジェクトのインスタンスを作成するvar js = paly(); //オブジェクトJs.sayhiの呼び出し方法; //オブジェクトの属性document.write(js.name)を呼び出す; </script>効果スクリーンショット:
2番目の方法:
<script type = "text/javascript"> function paly(){//オブジェクトの属性を定義するthis.age = 1; this.name = "javascript"; //オブジェクトのメソッドを定義するthis.sayhi = function(){document.write( "こんにちはみんな!私は" + this.name + "I'm this Year" + this.age + "year-hind"); }} //カスタムオブジェクトのインスタンスを作成しますvar js = new paly(); //オブジェクトのメソッドを呼び出すjs.sayhi(); //オブジェクトの属性を呼び出すdocument.write(js.name); </script>効果スクリーンショット:
オブジェクトプロパティのトラバーサル
<script type = "text/javascript"> function paly(){//オブジェクトの属性を定義するthis.age = 1; this.name = "javascript"; //オブジェクトのメソッドを定義しますthis.sayhi = function(){document.write( "こんにちはみんな!私は" + this.name + "i am this ea" + this.age + "year-hind"); }} //カスタムオブジェクトのインスタンスを作成しますvar js = new paly(); //静けさ、オブジェクトの属性(jsのvar par){document.write( "js。"+par+"="+js [par]); } </script>効果スクリーンショット:
高速構造
<script type = "text/javascript"> function paly(){//オブジェクトの属性this.age = 1; this.name = "javascript"; //オブジェクトのメソッドthis.sayhi = function(){document.write( "こんにちはみんな!私は" + this.name + "i are" + this.age + "year-hind"); }} //カスタムオブジェクトのインスタンスを作成しますvar js = new paly(); //構造ブロック内のメソッドまたは属性は、オブジェクトが指定されていない場合、ブラケット内の(js)オブジェクトの属性またはメソッドにデフォルトされます。 {sayhi(); document.write( "<br/>"+age); } </script>効果スクリーンショット:
JavaScriptオブジェクトの関連操作の上記の要約は、私があなたと共有するすべてのコンテンツです。参照を提供できることを願っています。wulin.comをもっとサポートできることを願っています。