在 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如何弹出窗口的详细内容,更多请关注创想鸟其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1493653.html
微信扫一扫
支付宝扫一扫