js_javascript スキルにおけるオープナーと親の違いの詳細な分析

オープナーは私のものを開く人です。たとえば、ページ A が wi​​ndow.open を使用してページ B のウィンドウをポップアップすると、ページ A が配置されているウィンドウがページ B のオープナーになります。ページ A には、ページ B のオープナー オブジェクト。

Parent は親ウィンドウを表します。たとえば、ページ A が iframe または Frame を使用してページ B を呼び出す場合、ページ A が配置されているウィンドウがページ B の親になります。 JS では、window.opener はポップアップ ウィンドウの親ウィンドウへの単なる参照です。たとえば、a.html では、window.open はボタンをクリックして新しいウィンドウ b.html を開きます。そして b.html では、a.html のドキュメントやその他のオブジェクトも含めて、window.opener (省略して opener と書きます) を通じて a.html を参照し、a.html の内容を操作することができます。

この参照が失敗すると、null が返されます。したがって、オープナー オブジェクトを呼び出す前に、まずオブジェクトが null かどうかを判断する必要があります。判断しないと、「オブジェクトが空であるか、存在しません」という JS エラーが発生します。

例:
aa.html

コードをコピー コードは次のとおりです:

< span id="name">

bb.html

コードをコピー コードは次のとおりです。

<頭>

;meta http-equiv= "Content-Type" content="text/html; charset=utf-8" />

window.opener はウィンドウへの参照を返します。現在のウィンドウを作成しました。たとえば、aa.htm 上のリンクをクリックして bb.htm を開いた後、bb.htm に値を入力し、それを aa.htm 上の ID「name」を持つテキストボックスに割り当てることを計画しています。それから

は次のように記述されます:
window.opener.document.getElementById("name").value = "入力データ";window.opener.document.getElementById( "名前").innerHTML= "入力データ";