如何使用不同的URL创建模态弹出窗口

时间:2015-11-17 17:58:38

标签: javascript jquery

我正在考虑如何创建一个模态弹出窗口,用于加载HTML页面以及每个弹出窗口的不同URL。

This is an example

你可以看到它就像一个带有自己URL的模态窗口。你有什么想法?我必须创建与示例完全相同的东西。

我试过这样的事情:

<script type="text/javascript">

    var style = "top=center, left=center, width=500, height=500, status=no, menubar=no, toolbar=no, scrollbars=no, resize=no";

    function Popup(url) {
        window.open(url, "", style);
    }
</script>

但我不知道如何了解网址。

抱歉英语;)

1 个答案:

答案 0 :(得分:0)

我认为你可能指的是showModalDialog()功能。 Open()只会在新标签或窗口中打开网址。

var style = "top=center, left=center, width=500, height=500, status=no, menubar=no, toolbar=no, scrollbars=no, resize=no";
function Popup(url) {
        window.showModalDialog(url, "", style )
    }

这是一种非常古老的方法。为了使模态布局更接近您想要的,您可以使用bootstrap modal popup http://www.w3schools.com/bootstrap/bootstrap_modal.aspjquery modal popup https://jqueryui.com/dialog/