JavaScriptは、ウィンドウのあるオブジェクトのセットをコアとして提供し、ブラウザウィンドウのアクセス制御を実現します。 6つの重要なオブジェクトは、JavaScriptで定義されています。
ウィンドウオブジェクトは、ブラウザで開くウィンドウを表します。
ドキュメントオブジェクトは、ブラウザにページをロードするドキュメントオブジェクトを表します。
ロケーションオブジェクトには、ブラウザの現在のURL情報が含まれています。
ナビゲーションオブジェクトには、ブラウザ自体に関する情報が含まれています。
画面オブジェクトには、クライアントの画面とレンダリング機能に関する情報が含まれています。
履歴オブジェクトには、Webページにアクセスするブラウザの履歴情報が含まれています。
ウィンドウオブジェクトに加えて、他の5つのオブジェクトはウィンドウオブジェクトのプロパティです。彼らの関係は次のとおりです。
1。Windowsオブジェクト
ウィンドウオブジェクトはJavaScriptグローバルオブジェクトであるため、ウィンドウオブジェクトを使用するプロパティと方法を指定する必要はありません。たとえば、アラート、完全な呼び出しは実際にはwindow.alertです。通常、ウィンドウオブジェクトへの参照を省略します。
1。Windowsオブジェクトのプロパティ、方法、およびイベント
| 属性名 | 効果 | デモ |
|---|---|---|
| 名前 | ウィンドウの名前を指定します | |
| 親 | 現在のウィンドウの親ウィンドウ(フレーム)、それを使用してオブジェクトのメソッドとプロパティを返す | |
| オープナー | 現在のウィンドウを生成するウィンドウオブジェクトを返し、それを使用してオブジェクトのメソッドとプロパティを返します | |
| トップ | メインウィンドウを表し、トップレベルのウィンドウであり、他のすべてのウィンドウの親ウィンドウでもあります。現在のウィンドウのメソッドとプロパティは、このオブジェクトからアクセスできます | |
| 自己 | 現在のウィンドウにオブジェクトを返し、現在のウィンドウのメソッドとプロパティにアクセスできます。 | |
| DefaultStatus | ブラウザステータスバーに表示されるデフォルトのコンテンツを返したり設定したりします | |
| 状態 | ブラウザステータスバーに表示される指定されたコンテンツを返したり設定したりします |
| メソッド名 | 効果 | デモ |
|---|---|---|
| alert() | メッセージとOKボタンを含むアラートダイアログボックスを表示します | |
| 確認する() | [確認]ダイアログボックスを表示します | |
| プロンプト() | [データの入力]をユーザーに求める[プロンプト]ダイアログボックスを表示するダイアログボックス | |
| 開ける() | 既存のウィンドウを開くか、新しいウィンドウを作成してそのウィンドウにドキュメントをロードします | |
| 近い() | 開いたウィンドウを閉じます | |
| navigate() | 現在のウィンドウに指定されたWebページを表示します | |
| setimeout() | 指定された時間間隔が渡された後、タイマーを設定し、関数を呼び出します。 | |
| cleartimeout() | 指定されたタイマーをリセットします | |
| 集中() | ウィンドウオブジェクトを作成して、現在のフォーカスを取得します | |
| blur() | ウィンドウオブジェクトに現在の焦点を失います |
| イベント | 説明します | デモ |
|---|---|---|
| オンロード | HTMLファイルがブラウザにロードされたときに発生します | |
| sunload | HTMLファイルがブラウザから削除されたときに発生します | |
| onfocus | ウィンドウが焦点を合わせたときに発生します | |
| onblur | ウィンドウが焦点を失ったときに発生します | |
| Onhelp | ユーザーがF1キーを押すと発生します | |
| Onresize | ユーザーがウィンドウを変更すると発生します | |
| Aunscroll | ユーザーがウィンドウをスクロールするときに発生します | |
| onerror | HTMLファイルをロードするときにエラーが発生したときに発生します |
2。ウィンドウオブジェクトによって提供される主な関数:
ウィンドウのサイズと位置を調整し、新しいウィンドウ、システムプロンプトボックス、ステータスバーコントロール、タイミング操作を開きます。以下は、これらの5つの関数の次の説明です。
(1)ウィンドウのサイズと位置を調整します
方法 | 使用法 | 説明します |
window.moveby ブラウザウィンドウを指定された場所に移動する(相対的な位置付け) | window.moveby(dx、dy) | セキュリティと優れたユーザーの考慮事項のために、javaScriptスクリプトを使用して視覚領域の外側にウィンドウを移動することは許可されていません。ブラウザウィンドウは、画面の視覚領域に常に保証する必要があります。 |
window.moveto ブラウザウィンドウを指定された場所に移動します (絶対的なポジショニング) | window.moveby(x、y) | 指定された座標(x、y)が目に見える領域の一部またはすべてのウィンドウを配置すると、ウィンドウは画面の端に最も近いままになります。 |
window.resizeby ブラウザウィンドウのサイズを指定された幅と高さに変更します(ウィンドウを比較的サイズ変更します) | window.resizeby(dw、dh) | |
window.resizeto ブラウザウィンドウのサイズを指定された幅と高さに変更します(ウィンドウを完全にサイズ変更します) | window.resizeto(w、h) | 指定された幅と高さは負にすることはできません |
(2)新しいウィンドウを開きます
使用法:window.open([url]、[ターゲット]、[オプション])
パラメーターURL:新しいウィンドウにロードされるURL。パラメーターが指定されていない場合、空白ページはデフォルトで読み込まれます。例:window.open( "test.htm");
パラメーターターゲット:新しく開かれたウィンドウのターゲットまたは名前
_現在のウィンドウに新しいページをロードします
_ブランク新しいウィンドウに新しいページを読み込みます
_ Parent Parent Windowに新しいページをロードします
_トップ上部ウィンドウに新しいページを読み込みます
パラメーターオプション:新しく開かれたウィンドウのプロパティは、コンマで区切られたいくつかのオプションで構成されており、各オプションにはオプションの名前と値が含まれています。
オプション | 説明します |
身長 | 窓の高さ、ユニットピクセル |
幅 | ウィンドウの幅、ユニットピクセル |
左 | ウィンドウの左端の位置 |
トップ | ウィンドウの上端位置 |
全画面表示 | フルスクリーンであるかどうか、デフォルト値番号 |
位置 | アドレスバーを表示するかどうか、デフォルト値はイエスです |
メノバー | メニューバーを表示するかどうか、デフォルト値はイエスです |
再配置可能 | ウィンドウサイズを変更できるかどうか、デフォルト値はイエスです |
スクロールバー | スクロールバーを表示するかどうか、デフォルト値はい |
状態 | ステータスバーを表示するかどうか、デフォルト値はイエスです |
タイトルバー | タイトルバーを表示するかどうか、デフォルト値はイエスです |
ツールバー | ツールバーを表示するかどうか、デフォルト値はイエスです |
(3)システムプロンプトボックス
Window.Alertメッセージプロンプトボックス、使用状況window.alert([メッセージ]); (注:ウィンドウオブジェクトは通常省略され、アラートが直接使用されます)
window.confirm okボタンとキャンセルボタンを含む確認ダイアログボックスを表示します。
window.promptテキスト入力ボックスを含むメッセージプロンプトボックスを表示します。
使用法:window.prompt([message]、[default]);メッセージはプロンプトボックスに表示されるテキストであり、デフォルトはテキストボックスのデフォルト値です。
(4)ステータスバーコントロール
Window.Statusプロパティを通じて制御されます。例:window.status = "エラープロンプト";そうすることでユーザーエクスペリエンスに影響するため、ステータスバー情報を変更することはお勧めしません。
(5)タイミング操作
タイミング操作は、Web開発で一般的に使用される機能です。 AJAXテクノロジーに基づく開発では、バックエンドサーバーに定期的にアクセスしてフロントエンドページを更新する必要があるアプリケーションの種類があります。このタイプのアプリケーションの実装は、通常、タイミング操作機能に依存します。
4つのタイミング操作関数があります。Window.setInterval、window.clearInterval、window.settimeout、およびwindow.cleartimeout。これらの4つの関数は、ウィンドウオブジェクトの方法です。つまり、ブラウザのタイミング操作はブラウザウィンドウによって完了します。以下は、これらの4つの方法の使用に関する詳細な紹介です。
①window.setIntervalタイマーを設定し、指定されたコードWindow.setInterval(code、time)を実行します。
説明:コードパラメーターは、文字列の形式の関数またはJavaScriptコードにすることができます
時間パラメーターは、コードを実行するための時間間隔で、ユニットはMSです。
②window.ClearInterval SetInterval関数Window.ClearInterval(Time)によって設定されたタイマーをクリアします。
window.settimeoutタイマーを設定し、指定されたコードWindow.settimeout(code、time)を実行します。
注:コードパラメーターは、文字列の形式の関数またはJavaScriptコードにすることができます。 SettimeoutとSetIntervalの違いは、SettimeOutが指定されたコードを1回のみ実行することです。
時間パラメーターは、コードを実行するための時間間隔で、ユニットはMSです。
④window.cleartimeout Settimeout関数Window.ClearTimeout(Time)で設定されたタイマーをクリアします。
JavaScriptブラウザーオブジェクトの1つであるWindowオブジェクトの上記の詳細な説明は、エディターが共有するすべてのコンテンツです。私はそれがあなたに参照を与えることができることを願っています、そしてあなたがwulin.comをもっとサポートできることを願っています。