js showModalDialog彈出窗口實(shí)例詳解
showModalDialog:模式窗口, 一種很特別的窗口,當(dāng)它打開時(shí),后面的父窗口的活動(dòng)會(huì)停止,除非當(dāng)前的模式子窗口關(guān)閉了, 才能操作父窗口.在做網(wǎng)頁(yè)Ajax開發(fā)時(shí),我們應(yīng)該有時(shí)會(huì)用到它來(lái)實(shí)現(xiàn)表單的填寫, 或做類似網(wǎng)上答題的窗口. 它的特點(diǎn)是,傳參很方便也很強(qiáng)大,可直接調(diào)用父窗口的變量和方法.
使用方法:
vReturnValue = window.showModalDialog(sURL [, vArguments] [,sFeatures])
參數(shù)說(shuō)明:
sURL--
必選參數(shù),類型:字符串。用來(lái)指定對(duì)話框要顯示的文檔的URL。
vArguments--
可選參數(shù),類型:變體。用來(lái)向?qū)υ捒騻鬟f參數(shù)。傳遞的參數(shù)類型不限,包括數(shù)組等。對(duì)話框通過(guò)window.dialogArguments來(lái)取得傳遞進(jìn)來(lái)的參數(shù)。
sFeatures--
可選參數(shù),類型:字符串。用來(lái)描述對(duì)話框的外觀等信息,可以使用以下的一個(gè)或幾個(gè),用分號(hào)“;”隔開。
1.dialogHeight :
對(duì)話框高度,不小于100px,IE4中dialogHeight和dialogWidth默認(rèn)的單位是em,而IE5中是px,為方便其見,在定義modal方式的對(duì)話框時(shí),用px做單位。
2.dialogWidth:
對(duì)話框?qū)挾取?nbsp;
3.dialogLeft:
離屏幕左的距離。
4.dialogTop:
離屏幕上的距離。
5.center: {yes | no | 1 | 0 }:
窗口是否居中,默認(rèn)yes,但仍可以指定高度和寬度。
6.help: {yes | no | 1 | 0 }:
是否顯示幫助按鈕,默認(rèn)yes。
7.resizable: {yes | no | 1 | 0 }
[IE5+]:是否可被改變大小。默認(rèn)no。
8.status: {yes | no | 1 | 0 }
[IE5+]:是否顯示狀態(tài)欄。默認(rèn)為yes[ Modeless]或no[Modal]。
9.scroll:{ yes | no | 1 | 0 | on | off }:
指明對(duì)話框是否顯示滾動(dòng)條。默認(rèn)為yes。
下面幾個(gè)屬性是用在HTA中的,在一般的網(wǎng)頁(yè)中一般不使用。
10.dialogHide:{ yes | no | 1 | 0 | on | off }:
在打印或者打印預(yù)覽時(shí)對(duì)話框是否隱藏。默認(rèn)為no。
11.edge:{ sunken | raised }:
指明對(duì)話框的邊框樣式。默認(rèn)為raised。
12.unadorned:{ yes | no | 1 | 0 | on | off }:
默認(rèn)為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()"/>
- bootstrap modal+gridview實(shí)現(xiàn)彈出框效果
- 解決bootstrap中使用modal加載kindeditor時(shí)彈出層文本框不能輸入的問(wèn)題
- 擴(kuò)展bootstrap的modal模態(tài)框-動(dòng)態(tài)添加modal框-彈出多個(gè)modal框
- 關(guān)于BootStrap modal 在IOS9中不能彈出的解決方法(IOS 9 bootstrap modal ios 9 noticework)
- bootstrap modal彈出框的垂直居中
- jQuery+jqmodal彈出窗口實(shí)現(xiàn)代碼分明
- 彈出模態(tài)框modal的實(shí)現(xiàn)方法及實(shí)例
相關(guān)文章
原生JS實(shí)現(xiàn)手動(dòng)輪播圖效果實(shí)例代碼
手動(dòng)輪播圖,為輪播圖中的一種,輪播圖主要有無(wú)縫輪播,手動(dòng)輪播,延遲輪播,切換輪播等等,輪播圖主要用于展現(xiàn)圖片,新出商品,詞條,又能美觀網(wǎng)頁(yè)。給網(wǎng)頁(yè)中增加動(dòng)態(tài)效果。接下來(lái)通過(guò)本文給大家分享原生JS實(shí)現(xiàn)手動(dòng)輪播圖的實(shí)例代碼,一起看看吧2018-11-11
Jjcarousellite 實(shí)現(xiàn)圖片列表滾動(dòng)的簡(jiǎn)單實(shí)例
這篇文章主要介紹了Jjcarousellite 實(shí)現(xiàn)圖片列表滾動(dòng)的簡(jiǎn)單實(shí)例,有需要的朋友可以參考一下2013-11-11
8個(gè)JavaScript中高階函數(shù)的運(yùn)用分享
高階函數(shù)是指以函數(shù)作為參數(shù)的函數(shù),并且可以將函數(shù)作為結(jié)果返回的函數(shù)。本文整理了8個(gè)JavaScript中高階函數(shù)的運(yùn)用,需要的可以參考一下2023-04-04
js 執(zhí)行上下文和作用域的相關(guān)總結(jié)
這篇文章主要介紹了js 執(zhí)行上下文和作用域的相關(guān)知識(shí)總結(jié),幫助大家更好的理解和使用JavaScript,感興趣的朋友可以了解下2021-02-02
微信小程序網(wǎng)絡(luò)請(qǐng)求模塊封裝的具體實(shí)現(xiàn)
大家做小程序項(xiàng)目的時(shí)候肯定會(huì)遇到數(shù)據(jù)對(duì)接需求,下面這篇文章主要給大家介紹了關(guān)于微信小程序網(wǎng)絡(luò)請(qǐng)求模塊封裝的具體實(shí)現(xiàn),文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-03-03
JavaScript獲取當(dāng)前頁(yè)面路徑的三種方法
在Web開發(fā)中,我們經(jīng)常需要獲取當(dāng)前頁(yè)面的URL路徑,以便進(jìn)行導(dǎo)航、數(shù)據(jù)加載或其他與頁(yè)面相關(guān)的操作,JavaScript提供了幾種方法來(lái)幫助我們實(shí)現(xiàn)這一功能,在本文中,我們將探討幾種常用的方法,需要的朋友可以參考下2024-05-05

