window.showModalDialog不兼容解决办法

1.传值的解决办法

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

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

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

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

varobj={ varobj={
    id:"id", id:"id",
    name:"name" name:"name"
}; };
window.opener.DoAfterXXX(obj); window.opener.DoAfterXXX(obj);
varobj={ id:"id", name:"name" }; window.opener.DoAfterXXX(obj);
var obj = { id:"id", name:"name" }; window.opener.DoAfterXX varobj={ id:"id", name:"name" }; window.opener.DoAfterXXX(obj); var obj = { id:"id", name:"name" }; window.opener.DoAfterXX
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);

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

经验分享 程序员 微信小程序 职场和发展