オープナーは、たとえば私を開いたものです。 bpenerオブジェクト上。
親は、ページAなどの親ウィンドウがiframeまたはフレームを使用してBページを呼び出すことを示し、次にページAが配置されているウィンドウがページBの親であることを示します。 JSでは、window.opnerは、ポップアップウィンドウのマザーウィンドウへの参照にすぎません。たとえば、A.htmlでは、ボタンなどをクリックすることにより、新しいウィンドウが作成されます。次に、b.htmlでは、a.htmlドキュメントやその他のオブジェクトを含むwindow.opener(オープナーとして省略)を介してa.htmlを参照して、a.htmlのコンテンツを操作できます。
この参照が失敗した場合、nullを返します。したがって、オープナーオブジェクトを呼び出す前に、最初にオブジェクトがnullであるかどうかを判断する必要があります。そうしないと、「オブジェクトが空または存在しない」のJSエラーが表示されます。
例:
aa.html
次のようにコードコードをコピーします。
<
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<メタhttp-equiv = "content-type" content = "text /html; charset = utf-8" /> />
<Title>非文書</title>
</head>
<body>
<span id = "name"> </span>
<入力型= "button" "value =" pop -up "onclick =" window.open( 'bb.html') " /> />
</body>
</html
bb.html
次のようにコードコードをコピーします。
<
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<メタhttp-equiv = "content-type" content = "text /html; charset = utf-8" /> />
<Title>非文書</title>
</head>
<body>
<input type = "text" id = "inputValue"/>
<入力型= "button" value = "add" onclick = "window.opent.document.getelementbyid( 'name')。innerhtml = inputvalue.value"/>
</body>
</html>
window.opnerは、現在のウィンドウを作成するウィンドウへの参照を返し、aa.htmのリンクをクリックしてbb.htmを開きます。 .htm on aa.htm in "name"のテキストボックスでは、
書かれています:
window.opner.document.getElementById( "name")。
window.opner.document.getElementById( "name")。