window.showModalDialog()不兼容Chrome替换方案

在JavaScript中:window.showModalDialog()(模态窗口)是IE支持的函数,效果就是弹出一个窗口,但是在高版本的Chrome中是不支持该方法的,那么我们要怎样在让Chrome也支持弹窗效果呢?有没有一个函数可以去替代上面那个歌函数呢?当然是有的,其中window.open()就有着类似的效果。

区别:
两种最大的区别是window.showModelDialog()是一个悬置在网页上层的窗口,点击后无法对原网页进行修改,必须先关闭窗口。并且只兼容IE浏览器。而window.open()弹出的窗口是一个新的窗口,多次点击会弹出多个,能在不关闭窗口的同时来编辑网页内容。

传递参数:

function selDivisionDialog(){
//父页面,result子窗口返回的参数var
var result = window.showModalDialog(...)
}

//子页面
function selText(var){
window.returnValue = var;
window.close()
}

使用window.open()替换:

//父页面
function selDivisionDialog(){
window.open(...)
}

function callback(var){
//var 返回参数
...//操作
}
//子页面
function selText(var){
window.opener.callback(var);
window.close()
}


原文链接:https://blog.csdn.net/qq_42763903/article/details/125997469

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值