window.openerの使い方と使用例_JavaScriptスキルの紹介-jsチュートリアル-php.cn

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

WBOY

リリース： 2016-05-16 17:25:11

オリジナル

1456 人が閲覧しました

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

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

サブフォームの入力が完了すると、組織情報 (id、name) が親フォームの orgId フィールドと orgName フィールドに自動的に入力されます
window.openerの使い方と使用例_JavaScriptスキルの紹介
html コード

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

機関

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 コード

< の orgId フィールドと orgName フィールドに入力されます。 🎜 >

コードをコピーしますコードは次のとおりです: 🎜>< c:iftest="${!empty pm.datas}">

="#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 を通じてサブフォームを開くために使用されます。