javascript 父子視窗傳值示例代碼

javascript showModalDialog浼??間?FireFox??window.open ?跺??绐??ｄ??肩ず渚?浠ｇ??????绠???浠?缁?涓?涓??烘???ヨ??锛?

涓???window.open()??????澧?锛? Java1.0+/J1.0+/Nav2+/IE3+/Opera3+

浜????烘??璇?娉?锛?

window.open(pageURL,name,parameters)

?朵腑锛?

pageURL 涓哄??绐??ｈ礬寰?

name 涓哄??绐??ｅ?ユ??

parameters 涓虹???ｅ?????????扮?ㄩ???峰????)

涓?????椤瑰????

?朵腑yes/no涔???浣跨??/0锛?pixel value涓哄?蜂????闆?鹼???浣?璞＄???

????| ???艱????| 璇存??

alwaysLowered | yes/no | ??瀹?绐??ｉ?????ㄦ????绐??ｄ???

alwaysRaised | yes/no | ??瀹?绐??ｆ??娴??ㄦ????绐??ｄ?涓?

depended | yes/no | ???????剁???ｅ???跺?抽??

directories | yes/no | Nav2??3????褰?????????瑙?

height | pixel value | 绐??ｉ??搴?

hotkeys | yes/no | ?ㄦ病????????绐??ｄ腑璁懼???ㄩ???虹????

innerHeight | pixel value | 绐??ｄ腑??妗ｇ????绱?楂?搴?

innerWidth | pixel value | 绐??ｄ腑??妗ｇ????绱?瀹藉害

location | yes/no | 浣?缃?????????瑙?

menubar | yes/no | ????????????瑙?

outerHeight | pixel value | 璁懼??绐???????瑁?楗拌竟妗?)????绱?楂?搴?

outerWidth | pixel value | 璁懼??绐???????瑁?楗拌竟妗?)????绱?瀹藉害

resizable | yes/no | 绐??ｅぇ灏???????璋???

screenX | pixel value | 绐??ｈ?灞?骞?宸?竟??????绱??垮害

screenY | pixel value | 绐??ｈ?灞?骞?涓?杈圭??????绱??垮害

scrollbars | yes/no | 绐??ｆ????????婊??ㄦ??

titlebar | yes/no | 绐??ｉ???????????瑙?

toolbar | yes/no | 绐??ｅ伐?鋒????????瑙?

Width | pixel value | 绐??ｇ????绱?瀹藉害

z-look | yes/no | 绐??ｈ?婵?娲誨??????誕?ㄥ?跺??绐??ｄ?涓?

window.showModalDialog浣跨?ㄦ????

?烘??浠?缁?锛?

showModalDialog() (IE 4+ ????)

showModelessDialog() (IE 5+ ????)

window.showModalDialog()?規??ㄦ?ュ??寤轟?涓??劇ずHTML??瀹圭??妯℃??瀵矽??妗???

window.showModelessDialog()?規??ㄦ?ュ??寤轟?涓??劇ずHTML??瀹圭????妯℃??瀵矽??妗???

浣跨?ㄦ?規?锛?

vReturnValue = window.showModalDialog(sURL [, vArguments] [,sFeatures])

vReturnValue = window.showModelessDialog(sURL [, vArguments] [,sFeatures])

???拌?存??锛?

sURL--

蹇??????幫?绫誨??锛?瀛?绗?覆???ㄦ?ユ??瀹?瀵矽??妗?瑕??劇ず????妗ｇ??URL??

vArguments--

???????幫?绫誨??锛???浣????ㄦ?ュ??瀵矽??妗?浼??????般??浼????????扮被??涓???锛??????扮?绛???瀵矽??妗???杩?window.dialogArguments?ュ??寰?浼???杩??ョ?????般??

sFeatures--

???????幫?绫誨??锛?瀛?绗?覆???ㄦ?ユ??杩闆?矽??妗???澶?瑙?绛?淇℃??锛???浠ヤ嬌?ㄤ互涓???涓?涓?????涓?锛??ㄥ???封??;????寮???

1.dialogHeight :瀵矽??妗?楂?搴??涓?灏?浜?锛?锛?锛?px锛?锛╋譏锛?涓?dialogHeight ?? dialogWidth 榛?璁ょ????浣???em锛???锛╋譏锛?涓???px锛?涓烘?逛究?惰?锛??ㄥ??涔?modal?瑰???瀵矽??妗??訛???x????浣???

2.dialogWidth: 瀵矽??妗?瀹藉害??

3.dialogLeft: 绂誨?骞?宸???璺?绂彙??

4.dialogTop: 绂誨?骞?涓???璺?绂彙??

5.center: {yes | no | 1 | 0 }锛?绐??ｆ?????涓?锛?榛?璁?es锛?浣?浠???浠ユ??瀹?楂?搴???瀹藉害??

6.help: {yes | no | 1 | 0 }锛??????劇ず甯??╂????锛?榛?璁?es??

7.resizable: {yes | no | 1 | 0 } 锛夥緝锛ワ?锛?锛斤???????琚??瑰??澶у???榛?璁?o??

8.status: {yes | no | 1 | 0 } 锛?E5+锛斤??????劇ず?舵??????榛?璁や負yes[ Modeless]??no[Modal]??

9.scroll:{ yes | no | 1 | 0 | on | off }锛?????瀵矽??妗??????劇ず婊??ㄦ?°??榛?璁や負yes??

涓??㈠??涓?灞??ф???ㄥ??TA涓???锛??ㄤ?????缃?椤典腑涓???涓?浣跨?ㄣ??

10.dialogHide:{ yes | no | 1 | 0 | on | off }锛??ㄦ???版???????伴?瑙??跺?矽??妗???????????榛?璁や負no??

11.edge:{ sunken | raised }锛?????瀵矽??妗???杈規??峰???榛?璁や負raised??

12.unadorned:{ yes | no | 1 | 0 | on | off }锛?榛?璁や負no??

???頒???锛?

1.瑕??沖?矽??妗?浼??????幫?????杩?vArguments?ヨ?琛?浼???????绫誨??涓????訛?瀵逛?瀛?绗?覆绫誨??锛???澶т負4096涓?瀛?绗???涔???浠ヤ???瀵矽薄锛?渚?濡?锛?

-------------------------------

parent.htm

澶??朵唬?? 浠ｇ??濡?涓?:

涓??㈡??缃?涓?????????甯?涓?绡?娴?璇?浠ｇ??锛?澶у?跺??浠ユ?璇?涓???

澶??朵唬?? 浠ｇ??濡?涓?:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>涓婚〉??lt;/title>

</head>

//浼??扮?

function check(){

var mxh1 = new Array("mxh","net_lover","瀛?瀛?E绔?")

window.showModalDialog("test.html",mxh1,"unadorned:0;scroll:0;status:false;dialogWidth:380px;dialogHeight:200px");

}

//浼?瀵矽薄

function check1(){

var obj = new Object();

obj.name="zhangsan";

obj.age=2;

obj.sex="??;

window.showModalDialog("aaa.html",obj,"unadorned:0;scroll:0;status:false;dialogWidth:380px;dialogHeight:200px");

}

// --></script>

</body>

</html>

test.html 婧?浠ｇ??:

澶??朵唬?? 浠ｇ??濡?涓?:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>?峰?涓婚〉?㈢????lt;/title>

</head>

<body>

script type="text/javascript"><!--

//浼??扮??瑰?

//var test = dialogArguments;

//alert(test[0]);

//alert(test[1]);

//alert(test[2]);

//浼?瀵矽薄?瑰?

var obj = dialogArguments;

alert(obj.name);

alert(obj.age);

alert(obj.sex);

// --></script>

</body>

</html>

showModalDialog 浼??煎???鋒??

showModalDialog浣跨?ㄤ?瀛?,?剁???ｅ??瀛?绐??ｄ?????瀛?绐??ｈ?劇疆?剁???ｇ????瀛?绐??ｅ?抽?????跺??杩????煎?扮?剁????

farther.html

澶??朵唬?? 浠ｇ??濡?涓?:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

<HEAD>

<TITLE>New Document </TITLE>

<!--

function openChild(){

var k = window.showModalDialog("child.html",window,"dialogWidth:335px;status:no;dialogHeight:300px");

if(k != null)

document.getElementById("txt11").value = k;

}

//-->

</script>

</HEAD>

<BODY>

<br>

浼????扮?剁???ｇ????<input id="txt9" type="text" value="3333333333333" name="txt9"><br>

杩???????<input id="txt11" type="text" name="txt11"><br>

瀛?绐??ｈ?劇疆????<input id="txt10" type="text" name="txt10"><br>

</BODY>

</HTML>

child.html

澶??朵唬?? 浠ｇ??濡?涓?:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

<HEAD>

<TITLE>New Document </TITLE>

</HEAD>

<BODY>

<br>

?剁???ｄ????ョ????<input id="txt0" type="text" name="txt0"><br>

杈??ヨ?璁劇疆?剁???ｇ????<input id="txt1" type="text" name="txt1"><input id="Button1" 慰nclick="setFather()" type="button" value="璁劇疆?剁???ｇ???? name="Button1"><br>

杈??ヨ???????<input id="txt2" type="text" name="txt2"><input id="Button2" 慰nclick="retrunValue()" type="button" value="?抽????杩????? name="Button2">

<!--

var k=window.dialogArguments;

//?峰??剁???ｄ????ョ????

if(k!=null)

{

document.getElementById("txt0").value = k.document.getElementById("txt9").value;

}

//璁劇疆?剁???ｇ????

function setFather()

{

k.document.getElementById("txt10").value = document.getElementById("txt1").value

}

//璁劇疆杩????扮?剁???ｇ????

function retrunValue()

{

var s = document.getElementById("txt2").value;

window.returnValue=s;

window.close();

}

//-->

</script>

</BODY>

</HTML>

璇存??:

?變?showModalDialog缂?瀛?涓ラ??,涓??㈡???ㄥ??绐??ｅ??娑?瀹㈡?風??缂?瀛???璁劇疆.涔???浠ュ?ㄦ???″?ㄧ????娑?缂?瀛?,????:

IT瀛??缃???涓?涓?绡???绔???

(浜?)涓??㈡???抽???鋒?扮?剁???ｇ??渚?瀛?

farther.html

澶??朵唬?? 浠ｇ??濡?涓?:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

<HEAD>

<TITLE>New Document </TITLE>

<!--

function openChild()

{

var k = window.showModalDialog("child.html",window,"dialogWidth:335px;status:no;dialogHeight:300px");

if(k == 1)//?ゆ???????鋒??

{

alert('?鋒??);

window.location.reload();

}

//-->

</script>

</HEAD>

<BODY>

<br>

浼????扮?剁???ｇ????<input id="txt9" type="text" value="3333333333333" NAME="txt9"><br>

</BODY>

</HTML>

child.html

澶??朵唬?? 浠ｇ??濡?涓?:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

<HEAD>

<TITLE>New Document </TITLE>

</HEAD>

<BODY>

<br>

?剁???ｄ????ョ????<input id="txt0" type="text" name="txt0"><br>

<!--

var k=window.dialogArguments;

//?峰??剁???ｄ????ョ????

if(k!=null)

{

document.getElementById("txt0").value = k.document.getElementById("txt9").value;

}

//?抽??绐??ｈ????????鋒?扮??????

function winClose(isRefrash)

{

window.returnValue=isRefrash;

window.close();

}

//-->

</script>

</BODY>

</HTML>

璇存??

1.涓??㈡????娑?瀹㈡?風??缂?瀛???:

涔???浠ュ?ㄦ???″?ㄧ????娑?缂?瀛?,????IT瀛??缃?涓?涓?绡???绔?

2.???剁???ｄ?????杩闆??SP.NET涓?涔???浠ユ????aa.aspx?id=1???瑰?浼???.

3.涓??鋒?扮?剁???ｇ??璇??ㄧ?剁???ｄ腑?存?ヨ??蜂??ヨ?劇疆??浠?

window.showModalDialog("child.html",window,"dialogWidth:335px;status:no;dialogHeight:300px");

</script>

4.?ㄥ??绐??ｄ腑?ヨ???浜ら〉?㈢??璇?瑕?????,杩??峰氨涓?浼???寮??扮???ｄ?.

<head>

</HEAD>

javascript 父子視窗傳值示例代碼

繼續閱讀

Android – ListView 中添加按鈕，動态删除添加ItemView的操作

nodejs微信開發---授權登入+擷取使用者資訊微信網頁授權

403 Forbidden，You don't have permission to access / on this server.Forbidden

debian9更新4.9.0核心到4.19.2核心過程

Javascript建構Bingo卡片遊戲

JavaScript的那些坑之事件代理事件代理事件階段

javascript的for (var i in data)慎用javascript中的for (var i in data)謹慎用

tab滑鼠經過菜單切換

vue （vue2.0）使用總結(從大體結構總結)

無元件上傳圖檔到資料庫中，最完整解決方案

vue搭建過程及出現問題

/\B(?=(?:\d{3})+$)/g 一條令人費解的正規表達式

适用于JavaScript的ECMAScript 2020規範向前發展

JS生成uuid的四種方法

layui多任務上傳添加進度條