如何使用不同的URL創建模式彈出窗口

我在想如何創建一個模式彈出窗口來加載一個HTML頁面，併爲每個彈出窗口添加不同的URL。如何使用不同的URL創建模式彈出窗口

你可以看到，它就像擁有自己的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>

但我不知道如何擺脫對URL的事情。

對不起，我的英語;）

來源

2015-11-17 Maki

你在哪裏調用'Popup（）'並傳入一個URL？ – Marc

這只是一個看起來像一個彈出窗口的樣子。「關閉」按鈕只是一個鏈接到主頁（「/」）。 – Jesse

@Marc我在href中調用'Popup（）'。 'Apri' – Maki

我想你可能指的是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 popuphttp://www.w3schools.com/bootstrap/bootstrap_modal.asp或jquery modal popuphttps://jqueryui.com/dialog/。

來源

2015-11-17 18:07:27 DinoMyte

如何使用不同的URL創建模式彈出窗口

回答

相關問題