window.showModalDialog不兼容解决办法

1.传值的解决办法

 

1、直接设置父窗口的DOM对象的值。

window.opener.document.getElementById(“parentWindowControlId”).value = "数
window.opener.document.getElementById(“parentWindowControlId”).value="数据";

父窗口中应该有一个id为parentWindowControllId的DOM元素。

2、调用父窗口中的Javascript函数,由父窗口进行相应的处理。

varobj={
    id:"id",
    name:"name"
};
window.opener.DoAfterXXX(obj);
var obj = { id:"id", name:"name" }; window.opener.DoAfterXX

父窗口提供一个DoAfterXXX的函数就可以了。

 

2.监听打开窗口关闭

由于原先window.showModalDialog是阻塞型的,所以只有关闭的时候会执行后面的代码,但是换成window.open之后就不再是阻塞型了,逻辑上就会出问题

可以修改代码为下面的样子

 

            var feature ="width=1000,height=800,menubar=no,toolbar=no,location=no,";
            feature+="scrollbars=yes,status=no,modal=yes";   
            opener=window.open('${ctx}/goods/sortInfo',null,feature);
            var loop = setInterval(function() {     
                if(opener.closed) {    
                    clearInterval(loop);    
                    // 你的代码逻辑
                }    
            }, 200);
 

这样做会损失一部分效率,如果您有更好的方法,希望您回帖告知我,谢谢~

 

你可能感兴趣的:(前端)