JS代碼片段以打開彈出窗口

沒有什麼特別的只是一些JavaScript代碼段來打開彈出窗口。

<span>W = window,
</span>    <span>D = document;
</span>
    <span>//set the window to widgets dimensions
</span>    <span>var winH = 400, //allow for window padding and header
</span>        winW <span>= 400,
</span>        winT <span>= 400,
</span>        winL <span>= 400;
</span>
    <span>//set the content
</span>    <span>var windowName = 'Widget', // should not include space for IE
</span>        path <span>= W.location.path,
</span>        windowOptions <span>= 'location=0,status=0,toolbar=0,dependent=1,resizable=1,menubar=0,screenX=' + winL + ',screenY=' + winT + ',width=' + winW + ',height=' + winH,
</span>        that <span>= this;
</span>   
    <span>//note path needs to be in the same domain...
</span>
    <span>//open the window
</span>    that<span>._Window = window.open(path, windowName, windowOptions);
</span>    that<span>._Interval = window.setInterval(function () {
</span>        <span>if (that._Window.closed) {
</span>            <span>window.clearInterval(that._Interval);
</span>            <span>//code to run when window is closed
</span>
        <span>}
</span>    <span>}, 1000);</span>

經常詢問有關JavaScript彈出Windows

的問題

>如何使用JavaScript？

在JavaScript中創建一個彈出窗口非常簡單。您可以使用window.open（）方法。此方法創建一個新窗口並返回對其的引用。這是一個基本示例：

var mywindow = window.open（“”，“ mywindow”，“ width = 200，height = 100”）; mywindow.document.write（“

）這是'mywindow'

“）;

在此示例中，window.open（）方法採用三個參數：打開頁面的URL（左）在這裡空白以創建一個空窗口），窗口的名稱和一個指示窗口特徵的字符串（例如其寬度和高度）。
>如何控制彈出窗口的大小和位置？ 🎜>

您可以通過在window.open（）方法的第三個參數中指定彈出窗口的大小和位置。例如，要創建一個寬500像素和600像素的窗口，並從屏幕的左側和頂部放置了10個像素，您將使用：

var mywindow = window.open.open（“”， “，”，“，”，“，”，“ “ mywindow”，“寬度= 500，高度= 600，左= 10，top = 10”）;

>我可以在彈出窗口中加載特定的URL窗口？

是的，您可以通過將其指定為window.open（）方法中的第一個參數來加載特定的URL。例如：

var mywindow = window.open（“ https://www.example.com”，“ mywindow”，“ width = 500，height = 600”）我可以使用JavaScript？
mywindow.close（）; >我可以防止彈出窗口調整大小嗎？

是的，您可以防止彈出窗口由彈出窗口調整。在window.open（）方法中添加Resizable =無功能。例如：

var mywindow = window.open（“”，“ mywindow”，“ width = 500，高度= 600，resizizable = no”）;
>
彈出窗口仍然打開？

>您可以使用window. closed屬性檢查彈出窗口是否仍打開。此屬性返回一個布爾值，指示窗口是否關閉（true）（false）。這是一個示例：

if（！myWindow.claped）{
/ /窗口仍然打開
}

我可以與彈出窗口的內容交互嗎？
mywindow.document.write（“

hello，world！

”）;
>

>我可以在沒有瀏覽器工具欄的情況下打開一個彈出窗口？例如：

var mywindow = window.open（“”，“ mywindow”，“ width = 500，高度= 600，工具欄= no”）;
始終處於頂部？

不，JavaScript不提供內置的方式來強制彈出窗口始終處於頂部。這是由用戶的操作系統和瀏覽器設置控制的。

>我可以檢測到彈出窗口何時關閉？

是的，可以檢測使用何時使用窗口關閉彈出窗口。 Onunload事件。當窗口即將卸載其資源時，該事件將發射。以下是一個示例：

mywindow.onunload = function（）{

//窗口即將關閉

};
>
>

以上是JS代碼片段以打開彈出窗口的詳細內容。更多資訊請關注PHP中文網其他相關文章！