JS代码片段以打开弹出窗口-js教程-PHP中文网

JS代码片段以打开弹出窗口

Jennifer Aniston

发布： 2025-02-24 10:46:10

原创

542 人浏览过

js code snippet to open a popup window

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中文网其他相关文章！