首頁 > web前端 > js教程 > 主體

具體介紹JS中showModalDialog關閉子視窗刷新主視窗的用法

黄舟
發布: 2017-03-25 14:25:16
原創
1322 人瀏覽過

這篇文章主要介紹了JS中showModalDialog關閉子視窗刷新主視窗用法,結合具體實例形式較為詳細的分析了showModalDialog常見用法與相關使用技巧,需要的朋友可以參考下

本文實例講述了JS中showModalDialog關閉子視窗刷新主視窗用法。分享給大家供大家參考,具體如下:

網上找了好長時間大都是window.opener.location.reload(),等等

都不是我想要的最後終於發現了一個想知道的就往下看看吧

showModalDialog和showModelessDialog

一、showModalDialog和showModelessDialog有什麼不同?

showModalDialog:開啟後就會永遠保持輸入焦點。除非對話方塊關閉,否則使用者無法切換到主視窗。類似alert的運作效果。
showModelessDialog:開啟後,使用者可以隨機切換輸入焦點。對主視窗沒有任何影響(最多是被擋住一下而已。

二、怎樣才讓在showModalDialog和showModelessDialog的超連接不彈出新視窗?

在被開啟的網頁裡加上<base target="_self">就可以了。之間的。的,又不能彈出選單。裡,按F5就可以刷新了,注意,這個要配合<base target="_self">使用,不然你按下F5會彈出新視窗的。 、如何用javascript關掉showModalDialog(或showModelessDialog)開啟的視窗。 ,然後再關掉的。答形式來寫的,但是我想不出這個怎麼問,所以只好這樣了。了),只好用個例子說明了例子:

現在需要在一個showModalDialog(或showModelessDialog)裡讀取或設定一個變數var_name一般的傳遞方式:

<body onkeydown="if (event.keyCode==116){reload.click()}">
<a id="reload" href="filename.htm" rel="external nofollow" style="display:none">reload...</a>
登入後複製

這種方式是可以滿足的,但是當你想在操作var_name同時再操作第二個變理var_id時呢?這種傳遞方式的限制。我也可以操作var_id變數

同樣也可以對主視窗的任何物件進行操作,例如

form物件

裡的元素。

window.showModalDialog("filename.htm",var_name)
//传递var_name变量
在showModalDialog(或showModelessDialog)读取和设置时:
alert(window.dialogArguments)//读取var_name变量
window.dialogArguments="oyiboy"//设置var_name变量
登入後複製

六、多個showModelessDialog的相互操作。

因為光說很費勁,我就偷點懶,直接用程式碼來說了。

以下程式碼的主要作用是在一個showModelessDialog裡移動別一個showModelessDialog的位置。 主檔的部份js程式碼。

window.showModalDialog("filename.htm",window)
//不管要操作什么变量,只直传递主窗口的window对象
登入後複製
控制.htm的部份程式碼。

alert(window.dialogArguments.var_name)//读取var_name变量
window.dialogArguments.var_name="oyiboy"//设置var_name变量
登入後複製

以上關鍵部份是:

視窗命名方式:

##

alert(window.dialogArguments.var_id)//读取var_id变量
window.dialogArguments.var_id="001"//设置var_id变量
登入後複製

變數訪問方式:

window.dialogArguments.form1.index1.value="这是在设置index1元素的值"
登入後複製

這個例子只是現實showModelessDialog與showModelessDialog之間的位置操作功能,透過這個原理,在showModelessDialog之間相互控制各自的顯示頁面,傳遞變數和資料等。這要看各位的發揮了。

如果開啟了一個模式窗口,想在開啟的視窗中,關閉本窗口,重新載入父窗口,程式碼如下:

程式碼如下:

var s1=showModelessDialog(&#39;&#39;控制.htm&#39;&#39;,window,"dialogTop:1px;dialogLeft:1px") //打开控制窗口
var s2=showModelessDialog(&#39;&#39;about:blank&#39;&#39;,window,"dialogTop:200px;dialogLeft:300px")
//打开被控制窗口
登入後複製

以上是具體介紹JS中showModalDialog關閉子視窗刷新主視窗的用法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!