showModalDialog

Question

我在 IE11 上遇到 showModalDialog 的问题。对话框 window 工作正常，但 忽略宽度和高度 参数。对话框打开时非常小 window，用户需要调整它的大小。

我知道此功能在 Chrome 中已弃用，我知道其他选项，例如 jQuery-UI 对话框，但我想知道是否可以解决此问题对于 IE11 使用 showModalDialog.

js代码：

var url = "/xxWar/xxModal.jsp?title=xx&frameUrl=/xxWar/xxServlet%3Faction%3Dxx";
var value = showModalDialog(url, init, "dialogWidth:" + width + "px;dialogHeight:" + height + "px;resizable:yes;status:no;scroll:yes;help:no");

和 xxModal.jsp:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
        <title><%=request.getParameter("title")%></title>
    </head>
    <frameset rows="0,*" frameborder="no" border="0" framespacing="0">
        <frame src="" name="header">
        <frame src="<%=request.getParameter("frameUrl")%>" name="main" id="main">
    </frameset>
    <noframes>
        <body>
        </body>
    </noframes>
</html>

谢谢！

Answer 1

我解决了在 de modal.jsp:

中添加这一行 <meta http-equiv="X-UA-Compatible" content="IE=7"> 的问题

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html>
    <head>
        <meta http-equiv="X-UA-Compatible" content="IE=7"> 
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
        <title><%=request.getParameter("title")%></title>
    </head>
    <frameset rows="0,*" frameborder="no" border="0" framespacing="0">
        <frame src="" name="header">
        <frame src="<%=request.getParameter("frameUrl")%>" name="main" id="main">
    </frameset>
    <noframes>
        <body>
        </body>
    </noframes>
</html>

Answer 2

你不需要回到 IE7，设置 content="IE=9" 也可以 - 这就是我们使用的，我们根据需要设置高度和宽度 ;)

Answer 3

<meta http-equiv="X-UA-Compatible" content="IE=7">

showModalDialog - IE11 忽略 dialogHeight 和 dialogWidth

showModalDialog - IE11 ignores dialogHeight and dialogWidth

javascript

jsp

internet-explorer-11