Question

我打开一个窗口作为模态。 window.showModalDialog（“http://www.google.com”，“”，“dialogWidth：500px; dialogHeight：500px”）

当我设定身高时，还有哪些其他选择？像选项按钮，菜单等我可以在哪里找到教程？

修改

它可以在Mozilla Firefox中运行，但是有人说它没有！

我的代码是

请有人编辑我的示例代码以供显示

<html>
<head>
<script>
    function abc() {
        window.showModalDialog("3.htm", "", "dialogWidth:500px;dialogHeight:500px");
    }
</script>
</head>
<body>
<input type="button" id="check" name="check" onclick="abc()" value="open"/>
</body>
</html>

第二次编辑

第3.htm页的代码

     <html>
<head>
<script>
function abc(){
close()
}
</script>
</head>
<body>
<input type="button" id="check" name="check" onclick="abc()" value="close"/>
</body>
</html>

查看火狐上的两个代码！并告诉我。

第三次编辑

好吧它不适用于corme和opera

Answer 1

请注意，showModalDialog是特定于IE的，不一定适用于其他浏览器。如果您需要跨浏览器模式对话框，则需要使用div来隐藏页面的其余部分并将对话框覆盖在顶部。使用已经处理过这个问题的现有javascript库会更容易。

Answer 2

我建议不要在网络应用中使用弹出窗口。使用浮动div，它看起来像一个模态对话框但比弹出窗口更好。

Answer 3

JQuery UI有一个不错的弹出/模态对话框API，我使用的Boxy插件很容易实现。

它们是跨浏览器且易于使用。

Answer 4

使用boxy use加载页面：

var boxyPopup;
Boxy.load("aPage.html",
            {title: "Title",
            modal: true,
            fixed: false,
            afterShow: function(){
                boxyPopup = this;}});

我不确定你的意思是它没有在同一个方框窗口上打开一个新页面，但是使用上面你有boxyPopup var作为open boxy对象的引用，并且可以使用它访问/更改内容。

模态对话框选项

4 个答案: