js showModalDialog彈出窗口實例詳解
showModalDialog:模式窗口, 一種很特別的窗口,當它打開時,后面的父窗口的活動會停止,除非當前的模式子窗口關(guān)閉了, 才能操作父窗口.在做網(wǎng)頁Ajax開發(fā)時,我們應該有時會用到它來實現(xiàn)表單的填寫, 或做類似網(wǎng)上答題的窗口. 它的特點是,傳參很方便也很強大,可直接調(diào)用父窗口的變量和方法.
使用方法：
vReturnValue = window.showModalDialog(sURL [, vArguments] [,sFeatures])
參數(shù)說明：
sURL--
必選參數(shù)，類型：字符串。用來指定對話框要顯示的文檔的URL。
vArguments--
可選參數(shù)，類型：變體。用來向?qū)υ捒騻鬟f參數(shù)。傳遞的參數(shù)類型不限，包括數(shù)組等。對話框通過window.dialogArguments來取得傳遞進來的參數(shù)。
sFeatures--
可選參數(shù)，類型：字符串。用來描述對話框的外觀等信息，可以使用以下的一個或幾個，用分號“;”隔開。
1.dialogHeight :
對話框高度，不小于100px，IE4中dialogHeight和dialogWidth默認的單位是em，而IE5中是px，為方便其見，在定義modal方式的對話框時，用px做單位。
2.dialogWidth:
對話框?qū)挾取?nbsp;
3.dialogLeft:
離屏幕左的距離。
4.dialogTop:
離屏幕上的距離。
5.center: {yes | no | 1 | 0 }：
窗口是否居中，默認yes，但仍可以指定高度和寬度。
6.help: {yes | no | 1 | 0 }：
是否顯示幫助按鈕，默認yes。
7.resizable: {yes | no | 1 | 0 }
［ＩＥ５＋］：是否可被改變大小。默認no。
8.status: {yes | no | 1 | 0 }
［IE5+］：是否顯示狀態(tài)欄。默認為yes[ Modeless]或no[Modal]。
9.scroll:{ yes | no | 1 | 0 | on | off }：
指明對話框是否顯示滾動條。默認為yes。
下面幾個屬性是用在HTA中的，在一般的網(wǎng)頁中一般不使用。
10.dialogHide:{ yes | no | 1 | 0 | on | off }：
在打印或者打印預覽時對話框是否隱藏。默認為no。
11.edge:{ sunken | raised }：
指明對話框的邊框樣式。默認為raised。
12.unadorned:{ yes | no | 1 | 0 | on | off }：
默認為no。
FOR example：
parent.html
<script>
function setname(res){
document.getElementByIdx_x("name").value=res;
}
function selectTp(){
//把父窗口的setname函數(shù)傳給子窗口window.showModalDialog('child.html',setname,'dialogWitdh:300px;dialogHeight:300px;center:yes;');
}
</script>
<input type="button" value="提交" onclick="selectTp()"/>
<input type="text" id="name" name='name'/>
child.html
<SCRIPT LANGUAGE="JavaScript">
<!--
function setName(){
var win="";
if(window.dialogArguments!=null)
{
//子窗口獲取父窗口的setname函數(shù)，并操作賦值
win=window.dialogArguments;
win('Jone');
}
this.close();
}
//-->
</SCRIPT>
<input type="button" value="給父窗口賦值" onclick="setName()"/>
相關(guān)文章
這篇文章主要為大家詳細介紹了javascript原型繼承，闡明什么是原型繼承,以及在JavaScript中究竟如何使用原型繼承,感興趣的小伙伴們可以參考一下2016-04-04
手動輪播圖，為輪播圖中的一種，輪播圖主要有無縫輪播，手動輪播，延遲輪播，切換輪播等等，輪播圖主要用于展現(xiàn)圖片，新出商品，詞條，又能美觀網(wǎng)頁。給網(wǎng)頁中增加動態(tài)效果。接下來通過本文給大家分享原生JS實現(xiàn)手動輪播圖的實例代碼，一起看看吧2018-11-11
Jjcarousellite 實現(xiàn)圖片列表滾動的簡單實例
這篇文章主要介紹了Jjcarousellite 實現(xiàn)圖片列表滾動的簡單實例，有需要的朋友可以參考一下2013-11-11
高階函數(shù)是指以函數(shù)作為參數(shù)的函數(shù)，并且可以將函數(shù)作為結(jié)果返回的函數(shù)。本文整理了8個JavaScript中高階函數(shù)的運用，需要的可以參考一下2023-04-04
這篇文章主要為大家詳細介紹了js實現(xiàn)數(shù)字拼圖，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-07-07
js 執(zhí)行上下文和作用域的相關(guān)總結(jié)
這篇文章主要介紹了js 執(zhí)行上下文和作用域的相關(guān)知識總結(jié)，幫助大家更好的理解和使用JavaScript，感興趣的朋友可以了解下2021-02-02
微信小程序網(wǎng)絡請求模塊封裝的具體實現(xiàn)
大家做小程序項目的時候肯定會遇到數(shù)據(jù)對接需求,下面這篇文章主要給大家介紹了關(guān)于微信小程序網(wǎng)絡請求模塊封裝的具體實現(xiàn),文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-03-03
這篇文章主要為大家詳細介紹了js HTML5 canvas繪制圖片的方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-09-09
這篇文章主要介紹了JS去掉字符串中所有的逗號,需要的朋友可以參考下2017-10-10
在Web開發(fā)中,我們經(jīng)常需要獲取當前頁面的URL路徑,以便進行導航、數(shù)據(jù)加載或其他與頁面相關(guān)的操作,JavaScript提供了幾種方法來幫助我們實現(xiàn)這一功能,在本文中,我們將探討幾種常用的方法,需要的朋友可以參考下2024-05-05