搜尋

首頁 >web前端 >js教程 >具體介紹JS中showModalDialog關閉子視窗刷新主視窗的用法

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

黄舟
黄舟原創
2017-03-25 14:25:161437瀏覽

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

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

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

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

showModalDialog和showModelessDialog

一、showModalDialog和showModelessDialog有什麼不同？

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

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

在被開啟的網頁裡加上9f2112260df6afb8cdac6650013c78f7就可以了。之間的。的，又不能彈出選單。裡，按F5就可以刷新了，注意，這個要配合9f2112260df6afb8cdac6650013c78f7使用，不然你按下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變數

<input type="button" value="关闭" onclick="window.close()">
同樣也可以對主視窗的任何物件進行操作，例如

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")
//打开被控制窗口

或

<script>
//操作位置数据，因为窗口的位置数据是"xxxpx"方式的，所以需要这样的一个特殊操作函数。
function countNumber(A_strNumber,A_strWhatdo)
{
 A_strNumber=A_strNumber.replace(&#39;&#39;px&#39;&#39;,&#39;&#39;&#39;&#39;)
 A_strNumber-=0
 switch(A_strWhatdo)
 {
 case "-":A_strNumber-=10;break;
 case "+":A_strNumber+=10;break;
 }
 return A_strNumber + "px"
}
</script>
<input type="button" onclick="window.dialogArguments.s2.dialogTop=countNumber
(window.dialogArguments.s2.dialogTop,&#39;&#39;-&#39;&#39;)" value="上移">
<input type="button" onclick="window.dialogArguments.s2.dialogLeft=countNumber
(window.dialogArguments.s2.dialogLeft,&#39;&#39;-&#39;&#39;)" value="左移">
<input type="button" onclick="window.dialogArguments.s2.dialogLeft=countNumber
(window.dialogArguments.s2.dialogLeft,&#39;&#39;+&#39;&#39;)" value="右移">
<input type="button" onclick="window.dialogArguments.s2.dialogTop=countNumber
(window.dialogArguments.s2.dialogTop,&#39;&#39;+&#39;&#39;)" value="下移">

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

陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
上一篇：詳解JS控制項bootstrap datepicker的使用方法（圖）下一篇：詳解JS控制項bootstrap datepicker的使用方法（圖）

相關文章

看更多