真正的用window.open()代替window.showModalDialog()

最新推荐文章于 2023-01-27 23:50:45 发布
最新推荐文章于 2023-01-27 23:50:45 发布
阅读量1.1k 收藏
点赞数
分类专栏： JavaScript 文章标签： function
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wyt1209/article/details/2846405
版权
本文介绍了一种利用window.open完全替代window.showModalDialog的方法，以克服模式窗口的局限性。通过在main.html中打开modalWindow.html，并在不同事件（如focus、click等）中使新窗口获取焦点，实现类似模态对话框的效果。在modalWindow.html中，可以调用父窗口的方法，例如opener.functionName(param)。
摘要由CSDN通过智能技术生成
 

模式窗口太过于局限性，所以我研究了一个完全可以用  window.open()代替window.showModalDialog()的方法，其资料贴在了下面：

最低0.47元/天 解锁文章
wyt1209
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
替换window.showModalDialog 已解决！！！
c15162的博客
07-20 5690
记录一下 最近在维护一个项目，使用IE一切正常，但是切谷歌的话 正常登陆都不行了。 检查了一下 发现报错。 后来查了一下 发现 window.showModalDialog 方法在很久以前就被弃用了！！！ 解决方案：用window.open来替代。 // 定义一个全局变量判定是否原生支持showModalDialog方法 var has_showModalDialog = !!window.showModalDialog; if(!has_showModalDialog){ //定义window.sho
Chrome37+代替window.showModalDialog模态窗口方法
小丰同学
10-09 3836
原理是利用html5中的window.open()和window.postMessage() window.postMessage详情请查看：https://developer.mozilla.org/zh-CN/docs/Web/API/Window.postMessage 首先是自己写的dialog.js
使用window.open替代window.ShowModalDialog，完成子页面和父页面之间的传值
weixin_34144450的博客
12-03 310
使用window.ShowModalDialog可以完成子页面和父页面之间的传值，但是window.ShowModalDialog不是w3c的标准，有些浏览器不兼容，如Opera和一些低版本的浏览器，window.open是w3c标准写法，兼容性比window.ShowModalDialog要好，但window.open确没有window.ShowModalDialog对浏览器的阻塞式模式，在wi...
window.open完美替代window.showModalDialog
weixin_34204057的博客
05-19 815
var url = "http//:www.baidu.com/" var name = "百度"; var iWidth = 1100;//弹窗宽度 var iHeight = 700; //弹窗高度 var iTop = (window.screen.availHeight - 30 - iHeight) / 2; var iLef...
用window.open代替window.showModalDialog和window.showModelessDialog
技术心得
11-28 4039
用window.open代替window.showModalDialog和window.showModelessDialog
window.showModalDialog模式对话框和 window.open的区别
05-27
`window.showModalDialog` 和 `window.open` 都是JavaScript提供的两种打开新窗口的方法，但它们在功能和使用场景上有着显著的区别。 首先，我们来详细探讨`window.showModalDialog`。`showModalDialog`方法用于...
js的window.showModalDialog及window.open用法实例分析
10-24
主要介绍了js的window.showModalDialog及window.open用法,实例分析了window.showModalDialog与window.open方法的定义、功能与使用技巧,需要的朋友可以参考下
浅谈JavaScript窗体Window.ShowModalDialog使用
10-15
`window.showModalDialog()`的基本使用方法如下： ```javascript vReturnValue = window.showModalDialog(sURL [, vArguments] [, sFeatures]) ``` 参数解释如下： 1. `sURL`（必需）：字符串类型，用于指定...
js实现window.open不被拦截的解决方法汇总
10-25
文章中提到了几种实现 `window.open()` 方法不被浏览器拦截的解决方法，其中包括新建 `a` 标签模拟点击、使用 `window.showModalDialog()` 方法和使用 `setTimeout()` 与 `window.open()` 结合的方式。 1. 新建 `a`...
open()代替showModelDialog()例子
08-24
•当升级一个老项目时候发现在chrome中window.showModelDialog()不能用了，原来是在 chrome 37版本以后chrome正式废弃showModelDialog方法。 　　在应用showModalDialog的地方，通常是为了子页面和父页面之间进行传递信息。因为项目中使用showModalDialog函数的地方特别多，所以必须用一个类似方法实现功能，也就是window.open() 　　首先是判断子窗口关闭，因为项目是在子窗口关闭（确定按钮）的时候向父页面传递值的。
window.showModalDialog方法的使用
08-06
javascript代码模块之window.showModalDialog方法的使用
完全可以用window.open()代替window.showModalDialog()的方法
gxj022的专栏
01-16 2333
【转】http://www.javaeye.com/topic/123995 有两个页面，一个是调用页面---main.html，一个是被调用页面---modalWindow.htmlmain.html-------------------------------------------------------------------------------------------
window.showModalDialog() 过时替代方案
大话家的博客
10-30 8735
一、window.showModalDialog 方法说明 window.showModalDialog( ) 方法的作用是创建和展示一个指向特定网页的模态对话框。 该方法已经过时，特性已经从 Web 标准中删除，虽然一些浏览器目前仍然支持它，但也许会在未来的某个时间停止支持，请尽量不要使用该特性。 此方法已在Chrome 43和Firefox 56中删除，当前仅IE浏览器支持该特性。 如果正在开发的功能，需要使用到JS的对话框，应该使用window.open( ) 方法。如果是对老项目进行维护，
高版本chrome不再支持window.showmodaldialog 的临时替换方案【用window.open】
三味线的铲屎官的博客
03-09 1066
接管别人的项目，因开发时用了showmodaldialog 导致最近很多用户chrome升级到最新之后 就无法弹窗了。原因是新版chrome[37+]不再支持showmodaldialog。 showmodaldialog 并不是W3C标准内的方法，起源于IE, 当是低版本的firefox也是不支持的，后来不知怎么了又纳入了这个方法。貌似opera和safari都不支持。随着web标准的日益
window.open()代替window.showModalDialog()问题
ChocooM
11-25 268
      最近在做一个项目，需要用到弹出一个子窗口（sub.jsp）显示一些信息，然后在sub.jsp中需要调用父窗口（main.jsp）里的js方法，同时在打开了sub.jsp以后，整个浏览器窗口中最前面的页面是sub.jsp。         开始想到的方法是用showModalDialog()来打开一个新的窗口，这样打开sub.jsp页面时该页面就在最前面，在我本机上通过IE(IE7....
如何使用window.open代替window.showModalDialog并传值？
01-27 603
很多老项目使用window.ShowModalDialog，它可以完成子页面和父页面之间的传值，但是window.ShowModalDialog不是w3c的标准，有些浏览器不兼容，如Google和FireFox的高版本浏览器，window.open是w3c标准写法，兼容性比window.ShowModalDialog要好，但window.open确没有window.ShowModalDialog对浏览器的阻塞式模式，在window.open代码执行完毕后，后面的代码就马上执行了，从而无法知道子窗口关闭时传递
Window.open()方法参数详解
just do IT
08-09 9183
1, 最基本的弹出窗口代码    window.open('page.html'); 2, 经过设置后的弹出窗口    window.open('page.html', 'newwindow', 'height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no, locat
window.open和window.showModalDialog区别
江城宴的博客
01-12 1839
window.open和window.showModalDialog区别： 1.只不过前者是非阻塞式，也可以说非模态窗口。而后者是阻塞式模态窗口。阻塞或者模态窗口，只有你把当前窗口关闭后，才能去操作父亲窗口。 2.chrome新版chrome[37+]不再支持showmodaldialog；低版本的firefox也是不支持的。 3.showmodaldialog 并不是W3C标准内的
如何使用window.open方法代替showModalDialog？
最新发布
02-02
在使用`window.open`方法代替`showModalDialog`时，可以按照以下步骤进行操作： 1. 使用`window.open`方法打开一个新的浏览器窗口。 2. 在新窗口中加载需要显示的内容，可以是一个HTML页面或者其他类型的内容。 3. 在新窗口中添加关闭按钮或其他交互元素，以便用户可以关闭窗口。 4. 在原始页面中使用JavaScript代码与新窗口进行通信，传递数据或执行其他操作。 下面是一个示例代码，演示如何使用`window.open`方法代替`showModalDialog`： ```javascript // 原始页面中的代码 function openModal() { var data = { name: "John", age: 30 }; var url = "modal.html"; var newWindow = window.open(url, "_blank", "width=400,height=300"); newWindow.data = data; } // modal.html 页面中的代码 window.onload = function() { var data = window.opener.data; // 在新窗口中显示数据或执行其他操作 } ``` 在上面的示例中，`openModal`函数在原始页面中被调用，它使用`window.open`方法打开一个新的浏览器窗口，并将数据传递给新窗口。在新窗口的`onload`事件中，可以通过`window.opener`访问原始页面，并获取传递过来的数据。 请注意，使用`window.open`方法打开的新窗口不会阻塞原始页面的执行，因此需要通过其他方式实现模态对话框的效果，例如在新窗口中添加关闭按钮或其他交互元素。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值