window.openerの使い方と使用例_JavaScriptスキルの紹介

window.opener は、window.open を通じて子フォームを開く親フォームへの参照です。

たとえば、親フォームparentFormでは、window.open("subForm.html")を介して、subform.htmlのwindow.openerがparentFormを表します。サブフォームでは親フォームへの参照を取得できるので、親フォームのフィールド値を設定したり、サブフォームでjsメソッドを呼び出したりすることができます。
例: 人事情報を追加する場合、サブフォームから組織情報を入力します。
親フォームは人事情報を追加するために使用されます。

サブフォームの入力が完了すると、組織情報 (id、name) が親フォームの orgId フィールドと orgName フィールドに自動的に入力されます

html コード

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

機関 td>



onclick="openWin('org.do?select=true','selectorg' ,800,500,1)" >




JS コード

コードをコピーします

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

/*
*新しいウィンドウを開きます (window.open() 経由)
* f:リンクアドレス
* n: ウィンドウ名
* w: ウィンドウの幅
* h: ウィンドウの高さ
* s: ウィンドウにスクロール バーがあるかどうか、1: スクロール バーがある。スクロールバーなし
*/
functionopenWin(f,n,w,h,s){
sb= s == "1" ? "1" : "0"; screen.width - w)/2;
t= (screen.height - h)/2;
s features= "left=" l ",top=" t ",height=" h ",width= " w
"、center=1、スクロールバー = sb "、status=0、directories=0、channelmode=0";
openwin= window.open(f , n , s features );
if (!openwin.opener)
openwin.opener= self;
returnopenwin;


機関情報を選択するためのサブフォーム。

選択すると (ラジオをクリックして)、組織情報 (ID、名前) が親フォーム


HTML コード

コードをコピーします コードは次のとおりです: 🎜>

="#EFF3F7 " class="TableBody1"onmouseover="this.bgColor = '#DEE7FF';"onmouseout="this.bgColor='#EFF3F7';">

;
${org.id}
${org.name}
${ org.sn }
${org.parent.name}
;



コードをコピー


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

functionselectOrg(id,name){
if(window.opener){
window.opener.document.all .orgIdId.value= id;

window.opener.document.all.orgNameId.value= 名前; } 機関情報選択結果 組織情報(id、名前)の入力は完了しましたが、idは隠しフィールドに入っており表示されません。

概要

親フォームへの参照と言えば、window.openerの他にwindow.parentです。 window.opener は window.open を通じてサブフォームを開くために使用され、window.parent は iframe を通じてサブフォームを開くために使用されます。