使用window.showModalDialog打开新窗口在IE上不兼容的问题

最新推荐文章于 2020-04-07 15:15:06 发布
最新推荐文章于 2020-04-07 15:15:06 发布
阅读量3k 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： Web前端 文章标签： window.showModalDial
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/micropei/article/details/17283693
本文介绍了解决IE8及以上版本浏览器在新窗口操作时出现重复打开新窗口问题的方法。通过在子窗口中加入<basetarget='_self'/>代码，可以确保所有操作都在当前窗口中完成。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

RT，在IE8以上会出现在新窗口中操作（提交请求例如查询）时会重新打开一个新的窗口而不是在本省中加载页面。

在网上找了好久发现在子窗口中加入

<base target="_self"/>

后再进行操作就不会有问题

加入位置如下：

<head>
<%--兼容IE加入 <base target="_self"/>防止其在子窗口中操做又弹出新的窗口  MAYDAY 2013.12.12--%>
<%--可能会有未知的问题--%>
<base target="_self"/>
target="_self"就是在本身加载的意思。

showModalDialog的兼容性处理方案
skysys的研究小屋
06-20 2361
问题描述 具体场景是： 点开会有新页面，选择一些选项再传回来。 问题描述：Chrome等浏览器不兼容，只能在兼容模式下实现这个效果。 问题来源：在某历史遗留项目里使用了showModalDialog方法。这个方法不兼容，需要做处理。 根据文档：https://www.w3cschool.cn/fetch_api/fetch_api-9puc2z25.html showModalDialog()方法 Window.showModalDialog()创建并且显示包含指定HTML文档的模式对话框。 注意：sho
JavaScript中window.showModalDialog()用法详解
10-25
- 在IE浏览器中，window.showModalDialog()方法支持得比较好，但在其它一些浏览器中可能不完全支持，或者在新的浏览器版本中已被弃用。 在开发过程中，有时也会遇到一些问题，比如：参数传递不正确导致子窗口无法...
showModalDialog IE兼容性 （可替换window.open）
qq_42830465的博客
12-27 501
var isIE = navigator.userAgent.toLowerCase().indexOf('trident')>-1?true:false; //判断浏览器版本 if(isIE){ //IE var sPhoto=showModalDialog(url,"", "font-family:Verdana; font-size:12; status:no; ...
window.showModalDialog不兼容解决办法
技术随笔
08-24 1万+
1.传值的解决办法 1、直接设置父窗口的DOM对象的值。 window.opener.document.getElementById(“parentWindowControlId”).value = "数据 1 window.opener.document.getElementById(“parentWindowControlId”).val
关于IE模态弹窗的兼容性问题（以及…
兜兜里全是糖_博客
10-13 594
这兼容IE，360，火狐，google等游览器哦  弹出页面是这样写： function selectClassify(id) {         var iTop = (window.screen.availHeight-30-570)/2; //获得窗口的垂直位置;         var iLeft = (window.screen.availWidth-10-700)/2;
showModalDialog浏览器兼容问题
北京-星辰
01-20 2110
碰到的问题： 当使用showModalDialog来进行查询用户，然后返回用户信息到之前页面时，如果dialog中需要刷新，查询或者分页（及dialog需要重新发请求的情况下，刷新后直接通过<a href="javascript:;window.returnValue='${id}:${customerName}';window.close();">这种形式返回值在ff中有用，在chro
谷歌showModalDialog()方法不兼容出现对话窗口的解决办法
11-23
- 需要注意的是，`window.open()`并不会自动阻止用户与父窗口的交互，所以需要手动处理，例如通过监听新窗口的关闭事件并在事件处理程序中执行相应操作。 3. **处理返回值**： - `showModalDialog()`会返回一个值...
showModalDialog模态对话框的使用详解以及浏览器兼容
12-02
这与`window.open`方法不同，后者打开的新窗口并不会阻止用户在父窗口的操作。 **1. `showModalDialog`的基本使用** `showModalDialog`方法的基本语法如下： ```javascript var returnValue = window....
window.showModalDialog两次加载问题清除缓存方法
10-26
在Web开发中，使用window.showModalDialog()方法可以打开一个模态对话框，这种对话框可以用来创建登录框、弹出窗口等交互式界面。但在某些情况下，开发者可能会遇到window.showModalDialog两次加载的问题。具体表现...
针对window.showmodaldialog弹出窗体无刷新的详细使用
01-05
在网页开发中，`window.showModalDialog` 是一个古老的 API，用于创建模态对话框，它可以在不刷新页面的情况下与用户交互。这个方法在现代Web开发中已经逐渐被`<dialog>`元素或JavaScript库如jQuery UI、Bootstrap ...
ie上 showModelDialog怎么调试代码
qq_30695173的博客
12-09 1904
由于业务复杂，被迫用到的showModelDialog，但是发现在showModelDialog上面F12打开调试工具后点击开始调试没有反应，一直困扰了好久。最近刚找到原因， 解决方法： 1 首先在普通的ie页面上打开调试并启动调试工具。（这时页面会刷新） 2 停止调试，关闭调试工具 3 打开带有showModelDialog的弹框并F12打开调试工具，然后点击启动调
Uncaught TypeError: window.showModalDialog is not a function
qq_25666829的博客
08-16 2567
编程的时候遇到 也就是提示我们说showModalDialog 不是一个function，错的莫名其妙，其实原因是Chrome不支持这个函数，换一个浏览器就可以了，比如IE
前台技术--window.showModalDialog带来的浏览器兼容问题
热门推荐
GP的空间
03-27 1万+
双击域的实现：http://blog.csdn.net/gaopeng0071/article/details/21179619， 继此篇博文，讲述的双击域实现，在后续发现使用window.showModalDialog模态框存在浏览器兼容性问题。 使用chrome时，会出现模态框的返回值无法返回到父页面，使用此种方式： window.returnValue 摘自：http://bl
window.showModalDialog 问题
Ice0River的专栏
06-11 1831
基本介绍：showModalDialog() (IE 4+ 支持)showModelessDialog() (IE 5+ 支持)window.showModalDialog()方法用来创建一个显示HTML内容的模态对话框。window.showModelessDialog()方法用来创建一个显示HTML内容的非模态对话框。使用方法： vReturnValue = window.showModalD
window.showModalDialog弹出框问题分析
十年回首，一纸感动!
10-31 639
function viewProMulgatePage(tempId){ var url="******&templateId=" + tempId; var result = window.showModalDialog(url,'',"dialogWidth=1024px;dialogHeight=595px;top=0;left=0;help:0;resizable:0;sta...
关于showmodaldialog的问题处理
weixin_33816300的博客
11-12 196
< DOCTYPE html PUBLIC -WCDTD XHTML StrictEN httpwwwworgTRxhtmlDTDxhtml-strictdtd> 1、showmodaldialog中的数据显示。 起因： 在IE6中showmodaldialog打开的对话框所加载的数据不是最新的数据。对话框中的内容会一直与第一次打开的内容相...
Window.ShowModalDialog的参数问题
spyking945
12-07 2275
Window.ShowModalDialog的参数问题2007年07月26日 星期四 09:54 基本介绍：            showModalDialog()                                 (IE 4+ 支持)            showModelessDialog()                      
IE 与 FireFox 的 showModalDialog
tang_123_的专栏
11-03 753
在网页程序中,有时我们会希望使用者按下按钮后开启一个保持在原窗口前方的子窗口,而在IE中,我们可以使用showModalDialog来达成,语法如下 : vReturnValue = window.showModalDialog(sURL [, vArguments] [, sFeatures]) 范例: window.showModalDialog("openwin.html","Arguments","dialogHeight: 200px; dialogWidth: 200px; dialogTop:
改造ie老项目爬坑之showModalDialog
sinat_31690515的博客
04-07 1941
改造ie老项目爬坑之showModalDialog 业务场景 公司的老项目都是使用的window.showModalDialog()这种方式实现的打开窗口，并且项目里的提示语均使用的alert和confirm等浏览器自带方法，但业务发展需要使用chrome，并且时间短原项目业务逻辑复杂，无法重构，只能改造。 showModalDialog showModalDialog()此方法已在Chrome ...
代替window.showModalDialog模态窗口方法
最新发布
11-26
在JavaScript中，`window.showModalDialog()` 是旧版IE浏览器中的一个API，用于显示模态对话框。然而，随着现代浏览器对HTML5的普及和支持，这个方法已经被弃用，推荐使用更现代、跨浏览器的方式来实现模态效果。 现代的做法通常使用以下技术： 1. **HTML5 Dialogs** (并非完全替代modal，但在支持的浏览器上可用)：`window.showModalDialog` 的功能可以用 `<dialog>` 元素来模拟，比如： ```javascript let dialog = document.createElement('dialog'); dialog.innerHTML = '这是模态内容'; dialog.open(); ``` 记得在关闭时添加事件监听处理： ```javascript dialog.addEventListener('close', function (event) { event.preventDefault(); // 阻止默认关闭行为 dialog.remove(); // 删除元素以释放资源 }); ``` 2. **Bootstrap Modal** 或其他前端UI库：如Bootstrap提供了一个完整的模态组件，可以轻松创建响应式的模态窗口。例如： ```html <button type="button" data-toggle="modal" data-target="#myModal">打开模态</button> <div id="myModal" class="modal fade"> <!-- 内容 --> </div> ``` 然后在JS里初始化它： ```javascript var modal = $('#myModal').modal('show'); ``` 3. **自定义JavaScript库**：如果你需要更多的定制选项，也可以编写自己的简单弹窗函数，例如使用`CSS`隐藏和显示元素。 由于`window.showModalDialog` 已经过时，尽量避免在新项目中使用，而选择现代浏览器兼容的方式。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值