DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> window.returnValue使用方法教程示例介紹
window.returnValue使用方法教程示例介紹
編輯:關於JavaScript     

window.showModalDialog是彈出模式窗口的方法

returnValue是javascript中html的window對象的屬性,目的是返回窗口值,當用window.showModalDialog函數打開一個IE的模式窗口(模式窗口知道吧,就是打開後不能操作父窗口,只能等模式窗口關閉時才能操作)時,用於返回窗口的值,下面舉個例子:

1、parent.html

//father.html 
<HTML> 
<HEAD> 
<META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0"> 
<TITLE></TITLE> 
<script language="javascript"> 

function showmodal(){ 
var ret = window.showModalDialog("child.htm",null,"dialogWidth:350px;dialogHeight:350px;help:no;status:no"); 
if (ret){alert('子窗口返回真!'); 
}else{ 
alert('子窗口返回假!'); 
} 
} 
</script> 
</HEAD> 

<BODY> 
<INPUT id=button1 type=button value=Button name=button1 onclick="showmodal();"> 
</BODY> 
</HTML>

2、child.html

//child.html 
<HTML> 
<HEAD> 
<META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0"> 
<TITLE></TITLE> 
<script language="javascript"> 
function trans(tag){ 
if (tag==0){ 
window.returnValue=false; 
} else{ 
window.returnValue =true; 
} 
window.close(); 
} 
</script> 
</HEAD> 
<BODY> 

<INPUT id=button1 type=button value="返回真" name=button1 onclick="trans(1)"> 
<INPUT id=button2 type=button value="返回假" name=button2 onclick="trans(0)"> 

</BODY> 
</HTML>

總結:

這樣一來可以實現從模式窗口向父窗口傳遞值的作用,這個returnValue除了可以是布爾值,整型值等以外還可以是個js數組,用來傳遞大量數據。

具體showModalDialog等的用法,可以參考msdn。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved