JS 打开新窗口
来源:互联网 发布:淘宝商城女装秋装外套 编辑:程序博客网 时间:2024/05/17 19:58
使用JavaScript window对象(属于BOM)打开新窗口:
语法:
window.open(URL,name,features);
该方法用于打开一个新的浏览器窗口或查找一个已命名的窗口。
参数说明:
属性名称 说 明 height、width窗口文档显示区的高度、宽度。以像素计。left、top窗口的x坐标、y坐标。以像素计toolbar=
1、打开新的窗口,窗口特性使用默认值
2、打开新的窗口,设置窗口特性
3、关闭新打开的窗口
语法:
window.open(URL,name,features);
该方法用于打开一个新的浏览器窗口或查找一个已命名的窗口。
参数说明:
URL :一个可选的字符串,声明了要在新窗口中显示的文档的 URL。如果省略了这个参数,或者它的值是空字符串,那么新窗口就不会显示任何文档。
name :一个可选的字符串,该字符串是一个由逗号分隔的特征列表,其中包括数字、字母和下划线,该字符声明了新窗口的名称。这个名称可以用作标记<a> 和 <form> 的属性 target 的值。如果该参数指定了一个已经存在的窗口,那么open()方法就不再创建一个新窗口,而只是返回对指定窗口的引用。在这种情况下,features 将被忽略。
窗口特征(常用):
yes | no | 1 | 0
是否显示浏览器的工具栏。黙认是yes。scrollbars=yes | no | 1| 0
是否显示滚动条。黙认是yes。location=yes | no | 1 | 0
是否显示地址地段。黙认是yes。status=yes | no | 1 | 0
是否添加状态栏。黙认是yes。menubar=yes | no | 1 | 0
是否显示菜单栏。黙认是yes。resizable=yes | no | 1 | 0
窗口是否可调节尺寸。黙认是yes。titlebar=yes | no | 1 | 0
是否显示标题栏。黙认是yes。fullscreen=yes | no | 1 | 0
是否使用全屏模式显示浏览器。黙认是no。注:不同的游览器对窗口特征属性支持也不相同
1、打开新的窗口,窗口特性使用默认值
<body><script type="text/javascript"> function openAnother() { window.open("http://www.baidu.com"); //打开新窗口,窗口特性全部使用默认值。 }</script><button onclick="openAnother()">打开新窗口</button></body>
2、打开新的窗口,设置窗口特性
<body> <button onclick="openAnother();">打开新窗口</button> <script type="text/javascript"> var win; function openAnother () { win = window.open("http://www.baidu.com", "", "width=400, height=400,left = 200, right = 200, toolbar = no, menubar = no,location=no,resizable=no");//有些特性在个别浏览器上已被进制修改。 } </script></body>
3、关闭新打开的窗口
open方法返回打开的那个窗口的window对象,可以调用close方法关闭新打开的窗口。
<body><button onclick="openAnother();">打开新窗口</button><button onclick="closeAnother();">关闭新打开的窗口</button><script type="text/javascript"> var win; function openAnother () { win = window.open("http://www.baidu.com", "", "width=400, height=400,left = 200, right = 200, toolbar = no, menubar = no,location=no,resizable=no"); } function closeAnother() { win.close();//关闭指定窗口 }</script></body>
阅读全文
0 0
- js打开一个新窗口
- JS打开新窗口代码
- js 打开新窗口
- js打开一个新窗口
- js打开新窗口
- js打开新窗口
- js打开新窗口
- js打开新窗口
- JS 新窗口打开超链接
- js打开新窗口
- JS 打开新窗口
- JS 打开新窗口的方法
- js打开新窗口的方式
- JS 打开新窗口的方法
- JS 打开新窗口的方法
- js打开新窗口的方法
- js打开新窗口并最大化
- JS 打开新窗口的方法
- 嵌入式系统导论-DOL开发环境配置
- Java 简单的邮箱格式
- 例题详解MapReduce过程
- 流程控制——分支结构之if语句
- angularjs服务获取屏幕宽度,url,本机地址...
- JS 打开新窗口
- lua 函数(3)
- 社团检测(community detection)相关文献整理(2015-2017)
- Qt:Model/View架构的简单使用
- 定时器,简单记录
- Lucene实践:Lucene总体设计架构
- 奇偶位排序
- spring框架(1)
- CSS样式使用心得