javascript 實(shí)現(xiàn)子父窗體互相傳值的簡(jiǎn)單實(shí)例
window.showModalDialog() 使用方法:
var returnValue = window.showModalDialog(url [, arguments] [,features]);
url -- 必選參數(shù),類型:字符串,用來(lái)指定對(duì)話框要顯示的文檔的URL
arguments -- 可選參數(shù),類型:變體,用來(lái)向?qū)υ捒騻鬟f參數(shù),傳遞的參數(shù)類型不限,包括數(shù)組等,對(duì)話框通過(guò)window.dialogArguments來(lái)取得傳遞進(jìn)來(lái)的參數(shù)
features -- 可選參數(shù),類型:字符串,用來(lái)描述對(duì)話框的外觀等信息,可以使用以下的一個(gè)或幾個(gè),用分號(hào)“;”隔開
dialogHeight:對(duì)話框高度,不小于100px
dialogWidth:對(duì)話框?qū)挾?BR>dialogLeft:離屏幕左的距離
dialogTop:離屏幕上的距離
center:{ yes | no | 1 | 0 }:是否居中,默認(rèn)yes,但仍可以指定高度和寬度
help:{yes | no | 1 | 0 }:是否顯示幫助按鈕,默認(rèn)yes
resizable:{yes | no | 1 | 0 } [IE5+]:是否可被改變大小,默認(rèn)no
status:{yes | no | 1 | 0 } [IE5+]:是否顯示狀態(tài)欄,默認(rèn)為yes[ Modeless]或no[Modal]
scroll:{ yes | no | 1 | 0 | on | off }:是否顯示滾動(dòng)條,默認(rèn)為yes
參數(shù)傳遞:
1. 要想對(duì)話框傳遞參數(shù),是通過(guò)arguments來(lái)進(jìn)行傳遞的,類型不限制,對(duì)于字符串類型,最大為4096個(gè)字符,也可以傳遞對(duì)象,例如:
parent.htm
<script>
var obj = new Object();
obj.name="justflyhigh.com";
window.showModalDialog("modal.htm",obj,"dialogWidth=200px;dialogHeight=100px");
</script>
modal.htm
<script>
var obj = window.dialogArguments;
alert("您傳遞的參數(shù)為:" + obj.name)
</script>
2. 可以通過(guò)window.returnValue向打開對(duì)話框的窗口返回信息,當(dāng)然也可以是對(duì)象,例如:
parent.htm
<script>
var result =window.showModalDialog("modal.htm",,"dialogWidth=200px;dialogHeight=100px");
alert(result);
</script>
modal.htm
<script>
window.returnValue="http://www.fzitv.net";
</script>
相關(guān)文章
JavaScript實(shí)踐之使用Canvas開發(fā)一個(gè)可配置的大轉(zhuǎn)盤抽獎(jiǎng)功能
公司項(xiàng)目搞優(yōu)惠活動(dòng),讓做一個(gè)轉(zhuǎn)盤抽獎(jiǎng)的活動(dòng),這篇文章主要給大家介紹了關(guān)于JavaScript實(shí)踐之使用Canvas開發(fā)一個(gè)可配置的大轉(zhuǎn)盤抽獎(jiǎng)功能的相關(guān)資料,文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-11-11
原生js實(shí)現(xiàn)ajax請(qǐng)求和JSONP跨域請(qǐng)求操作示例
這篇文章主要介紹了原生js實(shí)現(xiàn)ajax請(qǐng)求和JSONP跨域請(qǐng)求操作,結(jié)合實(shí)例形式分析了基于原生js實(shí)現(xiàn)的ajax請(qǐng)求和JSONP跨域請(qǐng)求相關(guān)操作技巧與使用注意事項(xiàng),需要的朋友可以參考下2020-03-03
JS中的提升機(jī)制變量提升函數(shù)提升實(shí)例詳解
這篇文章主要為大家介紹了JS中的提升機(jī)制變量提升函數(shù)提升實(shí)例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-09-09
微信小程序scroll-view實(shí)現(xiàn)滾動(dòng)穿透和阻止?jié)L動(dòng)的方法
這篇文章主要介紹了微信小程序scroll-view實(shí)現(xiàn)滾動(dòng)穿透和阻止?jié)L動(dòng)的方法,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-08-08
HTML5canvas 繪制一個(gè)圓環(huán)形的進(jìn)度表示實(shí)例
這篇文章主要介紹了HTML5canvas繪制一個(gè)圓環(huán)形的進(jìn)度表示實(shí)例的相關(guān)資料,需要的朋友可以參考下2016-12-12
js讀寫cookie實(shí)現(xiàn)一個(gè)底部廣告浮層效果的兩種方法
使用js實(shí)現(xiàn)一個(gè)頁(yè)面浮層效果,用js讀寫cookie來(lái)實(shí)現(xiàn)用戶關(guān)閉廣告的顯示狀態(tài),下面有個(gè)不錯(cuò)的示例,感興趣的朋友可以參考下2013-12-12
Javascript前端UI框架Kit使用指南之kitjs的對(duì)話框組件
本文以kitjs對(duì)話框組件為例,給我們?cè)敿?xì)介紹了kitjs的組件目錄、默認(rèn)代碼模板、構(gòu)造器及初始方法、以及Kitjs繼承。講解的非常細(xì)致,對(duì)我們熟練掌握kitjs組件很有幫助。2014-11-11
js中split()方法得到的數(shù)組長(zhǎng)度問(wèn)題
split() 方法用于把一個(gè)字符串分割成字符串?dāng)?shù)組。這篇文章給大家介紹js中split()方法得到的數(shù)組長(zhǎng)度問(wèn)題,感興趣的朋友一起看看吧2018-07-07

