JS模態(tài)窗口返回值兼容問題的完美解決方法
更新時間：2016年05月28日 09:11:18 投稿：jingxian
下面小編就為大家?guī)硪黄狫S模態(tài)窗口返回值兼容問題的完美解決方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
因系統(tǒng)要兼容原IE已使用的關閉方法，經(jīng)調試測得，需對window.dialogArguments進行再較驗，不然易出問題。
function OKEnd(vals) {
if (vals == null) vals = "TRUE";
if (typeof (window.opener) == "undefined") {
if (typeof (window.dialogArguments) != "undefined") {
if (window.dialogArguments && window.dialogArguments != null) {
window.opener = window.dialogArguments;
if (window.opener && window.opener != null) {
window.opener.ReturnValue = vals;
}
}
}
}
else {
if (window.opener && window.opener != null) {
window.opener.ReturnValue = vals;
}
}
window.returnValue = vals;
self.close();
}
返回值接收的，只需在原有IE的接收模式下，多較驗一下opener就可以了，如下：
//選擇變更部門
function SetOrganizeTree2() { var url="彈出頁面";
var ret = window.showModalDialog(url, window, "dialogWidth=400px;dialogHeight=500px;status=no;help=no;scroll=yes;resizable=yes;");
if (typeof (ret) == "undefined") {
ret = window.ReturnValue;
}
if (ret) {
document.getElementById("hidDeptCode2").value = ret;
document.getElementById("btnDeptCodeAdd").click();
}
return false;
}
JS模態(tài)窗口返回值兼容問題完美解決方法
1、打開彈出窗口時把 window 作為第二個參數(shù)傳入。
var result = window.showModalDialog(url, window, "dialogWidth=" + width + "px;dialogHeight=" + height + "px;resizable:yes;")
if (typeof (result) == 'undefined') {
result = window.ReturnValue;
}
return result;
2、在彈出窗口中，執(zhí)行如下JS，以接收傳入的window
if (typeof (window.opener) == 'undefined') window.opener = window.dialogArguments;
3、彈出窗口關閉前，調用如下JS賦返回值
window.retureValue = vals;
if (window.opener && window.opener != null)
window.opener.ReturnValue = vals;
window.close();
原理探討：
chrome下，標準方法，在彈出頁面不回發(fā)的情況下，是可以返回值的。 有回發(fā)則不能正常返回值。此方法可以解決。
IE下標準方法，有時不明原因不能正確返回值，此方法可解決。
FF未詳細測試，應該問題不大。
以上這篇JS模態(tài)窗口返回值兼容問題的完美解決方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
這篇文章主要介紹了BootStrap model彈出框的使用，介紹的非常詳細，具有參考借鑒價值，感興趣的朋友一起學習吧2016-04-04
本文梳理lodash中那些高頻使用的超究極無敵好用方法,熟練使用下面的十個方法能夠讓你的代碼原地起飛,為你的開發(fā)之旅極大的減輕心智負擔,快跟隨小編一起學習一下吧2024-01-01
為了提高網(wǎng)站的加載速度，有一個很重要的手段就是在用戶瀏覽過程中的上游網(wǎng)站做一個文件的預加載。2010-04-04
RequireJS 和 Sea.js 都是模塊加載器，倡導模塊化開發(fā)理念，核心價值是讓 JavaScript 的模塊化開發(fā)變得簡單自然。這篇文章給大家簡單介紹了Require.js與Sea.js的區(qū)別，感興趣的朋友一起看看吧2018-08-08
這篇文章主要為大家詳細介紹了js html實現(xiàn)計算器功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-11-11
JavaScript實現(xiàn)網(wǎng)頁截圖功能
這篇文章主要介紹了JavaScript實現(xiàn)網(wǎng)頁截圖功能,本文介紹了2款實現(xiàn)JavaScript截圖的開源組件,一個是Canvas2Image,一個是html2canvas,需要的朋友可以參考下2014-10-10
從對象的格式可以看出，如果字串的格式定義成 json 格式的， 就可以直接轉換為obj了，感興趣的朋友可以參考下哈2013-04-04
這篇文章主要介紹了JavaScript運動原理基礎知識詳解,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-04-04
實現(xiàn)遮罩層的方法有很多，但大多都是使用js css來實現(xiàn)的，本例也實現(xiàn)一個，效果還不錯，喜歡的朋友可以感受下2014-09-09
這篇文章主要介紹了基于JS實現(xiàn)根據(jù)密碼長度顯示安全條功能，非常不錯，在一些網(wǎng)站上經(jīng)常會遇到此功能，需要的的朋友參考下實現(xiàn)代碼吧2017-03-03