js如何弹出窗口
在 javascript 中弹出窗口,使用 window.open() 方法,传入 url、窗口名称以及包含窗口特征(如宽度、高度)的字符串。还可以额外设置工具栏、地址栏、状态栏等参数。关闭弹出窗口,使用 window.close() 方法。
如何在 JavaScript 中弹出窗口
在 JavaScript 中弹出窗口非常简单,可以使用 window.open() 方法。该方法接受以下参数:
- URL:要打开的页面的 URL
- 窗口名称(可选):用于标识弹出窗口的名称(如果省略,则浏览器将自动生成一个名称)
- 窗口特征(可选):一个包含窗口特征的字符串,例如高度、宽度、状态栏和滚动条(默认值为“width=500,height=500”)
例如,以下代码将打开一个名为 "MyWindow" 的弹出窗口,其 URL 为 "https://example.com",并且具有 300px 的宽度和 200px 的高度:
window.open("https://example.com", "MyWindow", "width=300,height=200");
额外的设置
除了上述参数外,还可以使用以下附加设置:
- toolbar:显示或隐藏工具栏(默认值为 "yes")
- location:显示或隐藏地址栏(默认值为 "yes")
- menubar:显示或隐藏菜单栏(默认值为 "no")
- status:显示或隐藏状态栏(默认值为 "yes")
- scrollbars:显示或隐藏滚动条(默认值为 "yes")
- resizable:允许或禁止调整窗口大小(默认值为 "no")
例如,以下代码将创建一个具有宽度为 400px、高度为 300px、没有工具栏或地址栏、但具有菜单栏、状态栏、滚动条且可调整大小的弹出窗口:
window.open("https://example.com", "MyWindow", "width=400,height=300,toolbar=no,location=no,menubar=yes,status=yes,scrollbars=yes,resizable=yes");
关闭窗口
要关闭弹出窗口,可以使用 window.close() 方法:
window.close();
以上就是js如何弹出窗口的详细内容,更多请关注其它相关文章!