JavaScript中window.showModalDialog()用法詳解
今天在項(xiàng)目中用到了彈出子窗口,就想到了用JavaScript實(shí)現(xiàn)的兩種方法,一個(gè)是window.open();一個(gè)是window.showModalDialog()方法,后者是存在父子關(guān)系的一種彈出窗口,只有子窗關(guān)閉,父窗口才激活,并且可以傳送參數(shù)和返回值。正好又溫習(xí)一遍用法,順便在此記錄過(guò)程中遇到的問(wèn)題。
基本介紹:
showModalDialog() (IE 4+ 支持)
showModelessDialog() (IE 5+ 支持)
window.showModalDialog()方法用來(lái)創(chuàng)建一個(gè)顯示HTML內(nèi)容的模態(tài)對(duì)話框。
window.showModelessDialog()方法用來(lái)創(chuàng)建一個(gè)顯示HTML內(nèi)容的非模態(tài)對(duì)話框。
使用方法:
vReturnValue = window.showModalDialog(sURL [, vArguments] [,sFeatures],"");
vReturnValue = window.showModelessDialog(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)“;”隔開(kāi)。
1.dialogHeight :對(duì)話框高度,不小于100px,IE4中dialogHeight 和 dialogWidth 默認(rèn)的單位是em,而IE5中是px,為方便其見(jiàn),在定義modal方式的對(duì)話框時(shí),用px做單位。
2.dialogWidth: 對(duì)話框?qū)挾取?br />
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。
參數(shù)傳遞:
1.要想對(duì)話框傳遞參數(shù),是通過(guò)vArguments來(lái)進(jìn)行傳遞的。類型不限制,對(duì)于字符串類型,最大為4096個(gè)字符,也可以傳遞對(duì)象。
2.可以通過(guò)window.returnValue向打開(kāi)對(duì)話框的窗口返回信息,當(dāng)然也可以是對(duì)象。
- javascript showModalDialog模態(tài)對(duì)話框使用說(shuō)明
- js的window.showModalDialog及window.open用法實(shí)例分析
- Javascript showModalDialog兩個(gè)窗體之間傳值
- JS中showModalDialog 的使用解析
- js showModalDialog參數(shù)的使用詳解
- javascript showModalDialog傳值與FireFox的window.open 父子窗口傳值示例
- js showModalDialog彈出窗口實(shí)例詳解
- javascript showModalDialog,open取得父窗口的方法
- javascript showModalDialog 多層模態(tài)窗口實(shí)現(xiàn)頁(yè)面提交及刷新的代碼
- JS對(duì)話框_JS模態(tài)對(duì)話框showModalDialog用法總結(jié)
- javascript showModalDialog 內(nèi)跳轉(zhuǎn)頁(yè)面的問(wèn)題
- js showModalDialog 彈出對(duì)話框的簡(jiǎn)單實(shí)例(子窗體)
- JS中showModalDialog關(guān)閉子窗口刷新主窗口用法詳解
相關(guān)文章
淺析JS刷新框架中的其他頁(yè)面 && JS刷新窗口方法匯總
本篇文章是對(duì)JS刷新框架中的其他頁(yè)面以及JS刷新窗口的方法進(jìn)行了匯總介紹,需要的朋友可以參考下2013-07-07
微信小程序整個(gè)頁(yè)面的自動(dòng)適應(yīng)布局的實(shí)現(xiàn)
這篇文章主要介紹了微信小程序整個(gè)頁(yè)面的自動(dòng)適應(yīng)布局的實(shí)現(xiàn),文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-07-07
JavaScript塊級(jí)作用域綁定以及狀態(tài)提升詳解
這篇文章主要給大家介紹了關(guān)于JavaScript塊級(jí)作用域綁定以及狀態(tài)提升的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2022-03-03
通過(guò)JS判斷聯(lián)網(wǎng)類型和連接狀態(tài)的實(shí)現(xiàn)代碼
這篇文章主要介紹了通過(guò)JS判斷聯(lián)網(wǎng)類型和連接狀態(tài)的實(shí)現(xiàn)代碼,需要的朋友可以參考下2015-04-04
JavaScript類型檢測(cè)之typeof 和 instanceof 的缺陷與優(yōu)化
在javascript中,typeof 和 instanceof 是用來(lái)判斷數(shù)據(jù)類型比較通用的兩個(gè)方法,這篇文章的目的是通過(guò)對(duì)這兩個(gè)方法介紹來(lái)分析其存在的不足并提出優(yōu)化方案2016-01-01
onsubmit阻止form表單提交與onclick的相關(guān)操作
return false會(huì)阻止表單提交,基本上關(guān)于onsubmit=return false有以下幾點(diǎn)要注意的地方,學(xué)習(xí)后臺(tái)編程的朋友一定要知道。2010-09-09
在chrome瀏覽器中,防止input[text]和textarea在聚焦時(shí)出現(xiàn)黃色邊框的解決方法
chrome瀏覽器不管對(duì)于開(kāi)發(fā)者還是一般用戶都可以說(shuō)是一個(gè)相當(dāng)優(yōu)秀的網(wǎng)頁(yè)瀏覽器,但是在開(kāi)發(fā)中,讓人感覺(jué)很多余的一個(gè)特性就是,在表單項(xiàng)中的控件聚焦時(shí)總會(huì)出現(xiàn)一個(gè)黃色邊框2011-05-05

