IE弹窗可点击（模态框非模态框）

IE弹窗可/不可点击

👉参考原文

  • 方法一：

    设置弹出窗口的 <body>：

    1
    <body οnblur="self.focus()">

  • 方法二：

    用showModalDialog方法建立模式对话框：

    1
    2
    3
    4
    5
    6
    <script>
        function topwin(){
            window.showModalDialog("D:\window.html", "", "dialogWidth:300px;dialogHeight:300px;scroll:no;status:no")
        }
    </script>
    <button onClick="topwin()">打开模态窗口</button>

    此方法的效果和方法一的效果相同，弹出窗口前端显示，但是不能在其他窗口做任何操作了，也是丢了焦点。

  • 方法三：

    用showModelessDialog方法建立无模式对话框：

    1
    2
    3
    4
    5
    6
    <script>
        function topwin(){
            window.showModelessDialog("D:\window.html", "", "dialogWidth:300px;dialogHeight:300px;scroll:no;status:no")
        }
    </script>
    <button onClick="topwin()">打开非模态窗口</button>

showModalDialog() 输入参数说明

👉参考文档

非模态父子窗口交互

模态窗口可以通过回调函数进行交互，非模态窗口可以参考：

1
2
3
4
5
6
// 1.父窗口打开入参传一个window对象
window.showModalDialog(url,window,"dialogWidth:300px;dialogHeight:300px;scroll:no;status:no");

// 2.子窗口接收参数并调用主调窗口的函数
var parentWindow = window.dialogArguments;
parentWindow.parentFn(); //parentFn是主调窗口的函数

模态窗调试问题

模态窗口无法通过F12开发者工具查看页面信息，可以尝试将其修改为新页面打开的方式进行调试。

1
window.showDialog("/businesss/page.jsp")

修改为open()：

1
window.open(WEB_ROOT+"/businesss/page.jsp")
技术分享 > IE浏览器
#IE浏览器 #弹窗
IE弹窗可点击（模态框非模态框）
https://binbiubiu.github.io/20200513123000/
作者
Binbiubiu
发布于
2020年5月13日