JavaScriptの基礎4 ウィンドウオブジェクト、DOM_基礎知識

他的属性也很丰富，因为我很懒，我就直接复制手册里的东西了：

closed	获取引用窗口是否已关闭。
defaultStatus	设置或获取要在窗口底部的状态栏上显示的缺省信息。
dialogArguments	设置或获取传递给模式对话框窗口的变量或变量数组。
dialogHeight	设置或获取模式对话框的高度。
dialogLeft	设置或获取模式对话框的左坐标。
dialogTop	设置或获取模式对话框的顶坐标。
dialogWidth	设置或获取模式对话框的宽度。
frameElement	获取在父文档中生成 window 的 frame或 iframe 对象。
length	设置或获取集合中对象的数目。
name	设置或获取表明窗口名称的值。
offscreenBuffering	设置或获取对象在对用户可见之前是否要先在屏幕外绘制。
opener	设置或获取创建当前窗口的窗口的引用。
parent	获取对象层次中的父窗口。
returnValue	设置或获取从模式对话框返回的值。
screenLeft	获取浏览器客户区左上角相对于屏幕左上角的 x 坐标。
screenTop	获取浏览器客户区左上角相对于屏幕左上角的 y 坐标。
self	获取对当前窗口或框架的引用。
status	设置或获取位于窗口底部状态栏的信息。
top	获取最顶层的祖先窗口。

これらは単なるウィンドウのプロパティです。さらに多くのイベントやメソッドもありますが、ここでは、特定の効果を実現したいが、アイデアがわからない場合に使用するために、このクラスに焦点を当てます。開始方法として、私たちの素敵なウィンドウ クラスについて考えてみましょう。おそらく、必要な機能が含まれています。

body 要素は、次のウィンドウ オブジェクト イベントのホストとして機能します: onblur、onbeforeunload、onfocus、onload、onunload。

以下では、ウィンドウを使用してページを離れるときにプロンプ​​トを作成します:

通常、ページを離れるときにプロンプ​​トが表示されます。たとえば、退出を確認するかどうかなどは、実際には body ノードに次の文を追加するだけです。

その場合、終了時にメッセージが表示されます。

この例では、次の 3 つの点に注意します。

return 'xxxxx' はセミコロンの有無にかかわらず記述する必要があります。文字列のみを記述する場合、プロンプトは表示されません。
前に強調した問題は、onbeforeunload イベントの後に二重引用符があるため、戻り値を一重引用符で囲む必要があることです。
この文は FF、chrome、IE で有効です。chrome と IE のトリガー メカニズムは同じです。確認バーに戻り文字列を書き込みます。ユーザーが閉じるボタンをクリックして onbeforeunload オブジェクトをトリガーすると、onbeforeunload オブジェクトの戻り値が文字列の場合、上向きに警告が発行され、その文字列が表示されるという処理になると思います。 。ただし、FF では異なり、デフォルトの警告のみが表示されます。

Chrome に次のプロンプトがあります:

返された文は、IE と同じ効果でナビゲーションの上に表示されます (IE が表示されない場合は、クリックしてスクリプトの実行を許可します)。

FFの場合は、書いた文章とは関係のない上位レベルのプロンプトのみが表示されますが、それでも書かないとFFではプロンプトが表示されません。

それで、確認ボックスを独自のもので表示させたい場合、何度も試してみましたが、FF はデフォルトのボックスを他のダイアログ ボックスで置き換えることができないことがわかりました。そのため、サイレントに確認を追加することしかできませんが、この場合は FFプロンプトが 2 回表示されます。 IE と Chrome の両方で、関数の戻り文字列が終了プロンプトに入力されます。これは適切です。以下は、1 階からのフィードバックを経て変更されたコードです。

テスト後、このコードは chrome 16.0.912.0 でのみプロンプトを表示しますが、一部の chrome ベースのブラウザ (sunchrome など) では FF と chrome の二重プロンプトが表示されます。これは、これらのブラウザに他のカーネルが含まれているためだと思われます。削除されましたが、何が起こっているのかよくわかりません。

とにかく、連絡してください~ねえ~