谷歌37+ window.showModalDialog被弃用

于 2023-03-03 15:41:32 发布
阅读量101 收藏
点赞数
分类专栏： 避坑 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zixiang0326/article/details/129321625
版权
文章探讨了如何在JavaScript中使用window.open()替代window.showModalDialog方法，以实现更好的浏览器兼容性和用户体验。它详细解释了这两个函数的工作原理，比较了它们的优缺点，并提供了转换的实践策略，强调了在不牺牲功能性的前提下提高网站的可访问性。
摘要由CSDN通过智能技术生成
zixiang0326
关注
专栏目录
谷歌浏览器不支持showModalDialog模态对话框的解决方法
09-04
谷歌浏览器不支持showModalDialog模态对话框和无法返回returnValue，这个问题，想必很多朋友都有遇到过吧，解决方法很简单，下面的思路，大家可以看看
window.open完美替代window.showModalDialog
weixin_34204057的博客
05-19 824
var url = "http//:www.baidu.com/" var name = "百度"; var iWidth = 1100;//弹窗宽度 var iHeight = 700; //弹窗高度 var iTop = (window.screen.availHeight - 30 - iHeight) / 2; var iLef...
谷歌浏览器不支持showModalDialog解决方法
xyw10000
09-22 2204
忽然发现Chrome浏览器版本 37.0.2062.103 m 不支持showModalDialog模态对话框和无法返回returnValue 项目原先用到的都不能正常执行 找了个折中方案利用window.open代替showModalDialog利用 window.opener.document来操作父页面的元素 window.open("xsp/exesp?todo=13","","he
google不支持window.showModalDialog问题解决方案
03-16
This is a `window.showModalDialog()` shim using a modal HTML5 `` element and ECMAScript 6 Generators. It was tested in the latest Google Chrome with the *Enable Experimental JavaScript* flag enabled in `chrome://flags/#enable-javascript-harmony` and in the latest Mozilla Firefox with the *dom.dialog_element.enabled* preference set to *true* in `about:config`. Just include the following HTML code before using `showModalDialog` function: `[removed][removed]`.
解决老项目google showModalDialog兼容问题
qq_34665176的博客
01-25 1005
由于google已经抛弃了showModalDialog，很多老项目中还存在这个，所以导致兼容问题的出现，因此我得出了下面的处理方法 1、在第一次加载的js中添加下面内容 if(!window.showModalDialog){//没有此方法，是google浏览器      if(!window.winModalDialog){          window.winModalDialog=f...
'window.ShowModalDialog'在Chrome中不起作用
04-07
`window.showModalDialog()` 是一个古老的JavaScript方法，用于在当前页面上打开一个模态对话框，该对话框阻止用户与页面其余部分进行交互，直到对话框被关闭。然而，这个功能在现代浏览器，特别是Google Chrome中...
window.showModalDialog模式对话框和 window.open的区别
05-27
`window.showModalDialog` 和 `window.open` 都是JavaScript提供的两种打开新窗口的方法，但它们在功能和使用场景上有着显著的区别。 首先，我们来详细探讨`window.showModalDialog`。`showModalDialog`方法用于...
JavaScript中window.showModalDialog()用法详解
10-25
- 在IE浏览器中，window.showModalDialog()方法支持得比较好，但在其它一些浏览器中可能不完全支持，或者在新的浏览器版本中已被弃用。 在开发过程中，有时也会遇到一些问题，比如：参数传递不正确导致子窗口无法...
浅谈JavaScript窗体Window.ShowModalDialog使用
10-15
总的来说，`window.showModalDialog()`和`window.showModelessDialog()`是JavaScript中较老的弹出对话框技术，它们提供了对对话框外观和行为的控制，但在现代Web开发中，由于浏览器兼容性和可访问性问题，已被其他...
Google不兼容ShowModalDialog()弹出对话框的解决办法
bzpfly的博客
01-14 413
<script type="text/javascript"> //弹窗函数 function openDialog() { var url = "https://www.xxxx.com/UI/Test.aspx?uid=111&Userid=luke"; 　　　　　　　//调用实例　 var...
showModalDialog在谷歌浏览器下会返回Null的解决方法
12-10
showModalDialog的返回值在IE、火狐下面都能够获取返回值，但是在谷歌浏览器下面会返回Null,下面介绍解决方法 父页面： 代码如下: function openwindows(){ var obj = new Object(); //打开模态子窗体,并获取返回值 var retval = window.showModalDialog(“ordervideo.jsp?rderIds=”+”0010,0020,0030″,obj,”dialogWidth=500px;dialogHeight=500px”); //for chrome if(retval == undefined)
关于谷歌不兼容showModalDialog的解决方案
qq_38649702的博客
04-01 6218
遇到的问题 window.showModalDialog()函数仅能应用于IE浏览器，属于IE浏览器的函数，若想应用于其他浏览器，只能使用window.open()进行替代,但是由于两者并非完全一致，可以说open()完全无法胜任替代showModalDialog()工作，最主要的就是showModalDialog()提供了一个子窗口与父窗口的一个传值交互的功能。所以最好的方式就是自己写一个showModalDialog()方法,让浏览器直接调我们自己写的showModalDialog()方法。 解决方案
Chrome不支持showModalDialog的解决方案
newusb的专栏
08-18 7280
昨天在使用showModalDialog的时候，遇到如下问题： 如果子窗口被刷新过，那么父窗口就接受不到子窗口的返回值。 为了解决这个问题，哎，我纠结了好久，最后才发现不是代码的问题，而是多浏览器兼容问题，因为我是用Chrome调试的，而Chrome是不支持showModalDialog的，所以父窗口才没有收到子窗口的返回值的，在IE下就没有这个问题了。 后来在网上查了一下，
window.showModalDialog()不兼容Chrome替换方案
qq_42763903的博客
07-26 2896
window.showModalDialog() Chrome不兼容，使用window.open()替换
showModalDialog的兼容性处理方案
skysys的研究小屋
06-20 2232
问题描述 具体场景是： 点开会有新页面，选择一些选项再传回来。 问题描述：Chrome等浏览器不兼容，只能在兼容模式下实现这个效果。 问题来源：在某历史遗留项目里使用了showModalDialog方法。这个方法不兼容，需要做处理。 根据文档：https://www.w3cschool.cn/fetch_api/fetch_api-9puc2z25.html showModalDialog()方法 Window.showModalDialog()创建并且显示包含指定HTML文档的模式对话框。 注意：sho
Chrome不支持showModalDialog的解决方案 returnValue问题
fei86341326的专栏
10-10 942
父窗体部分js代码： [javascript] view plaincopy var returnValue = window.showModalDialog("son.html ", window);   //for chrome   if (returnValue == undefined) {       returnValue = wind
解决chrome 不兼容window.showModalDialog问题
navymei10220214的专栏
10-08 3101
在父窗口加上这么一段代码： &lt;script type="text/javascript"&gt; function showmodal()       {         alert("我是父亲窗口")  if(window.showModalDialog == undefined){  //谷歌alert("dddddddddddddd")      window.myNewWindo...
Uncaught TypeError: window.showModalDialog is not a function 谷歌
热门推荐
rendeyishi的专栏
12-27 1万+
//新版本谷歌没有window.showModalDialog，创建一个window.open if(window.showModalDialog == undefined){   window.showModalDialog = function(url,mixedVar,features){           window.hasOpenWindow = true;
模态窗口showModalDialog的浏览器兼容解决方案
ambit_tsai的博客
06-09 1万+
用chrome调试的时候，点击一个按钮毫无反应，控制台提示showModalDialog不存在。网上查了下，该特性已经从 Web 标准中删除，于是自己动手进行兼容，如下借助window.open对它的行为进行模拟。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值