欢迎访问我的的博客,网站主要用于记录学习WEB语言|CMS建站|SEO优化及日常工作常见问题总结!
您的位置:主页 > JavaScript >

JavaScript打开新窗口(window.open)

语法:

window.open([URL], [窗口名称], [参数字符串])

参数说明:

URL:可选参数,在窗口中要显示网页的网址或路径。如果省略这个参数,或者它的值是空字符串,那么窗口就不显示任何文档。

窗口名称:可选参数,被打开窗口的名称。
  1. 该名称由字母、数字和下划线字符组成。
  2. "_top"、"_blank"、"_self"具有特殊意义的名称。
    • _blank:在新窗口显示目标网页
    • _self:在当前窗口显示目标网页
    • _top:框架网页中在上部窗口中显示目标网页
  3. 相同 name 的窗口只能创建一个,要想创建多个窗口则 name 不能相同。
  4. name 不能包含有空格。

参数字符串:可选参数,设置窗口参数,各参数用逗号隔开。

参数 说明
top Number 窗口顶部离开屏幕顶部的像素数
left 窗口左端离开屏幕左端的像素数
width 窗口的宽度
height 窗口的高度
menubar yes,no 窗口有没有菜单
toolbar 窗口有没有工具条
scrollbars 窗口有没有滚动条
staus 窗口有没有状态栏

例如:打开http://www.dhnblog.cn网站,大小为300px * 200px,无菜单,无工具栏,无状态栏,有滚动条窗口:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript">
window.open('http://www.dhnblog.cn/','_blank','width=300,height=200,menubar=no,status=no,scrollbar=yes')
</script>
</head>
<body>
</body>
</html>

注意:运行结果考虑浏览器兼容问题。

上一篇标题:JavaScript-关闭窗口(window.close)
下一篇标题:JavaScript提问(prompt 消息对话框)

相关文章

 

文章-JavaScript打开新窗口(window.open)发布日期:2021-04-01 18:00作者:admin
如需转载,请注明文章出处和来源网址:https://www.dhnblog.com/javascript/278.html