JavaScript新窗体的打开与关闭
2016-12-10 20:22
441 查看
一、打开新窗体
1.语法:window.open([子窗口路径], [子窗口名称], [窗口参数(多个参数逗号隔开)])
2.参数说明:
参数字符串的参数说明:
代码示例:
二、关闭窗口
关闭本窗体:window.close();
关闭新建的窗体:窗口对象.close();
1.语法:window.open([子窗口路径], [子窗口名称], [窗口参数(多个参数逗号隔开)])
2.参数说明:
子窗口路径:可选参数,在窗口中要显示网页的网址或路径。如果省略这个参数,或者它的值是空字符串,那么窗口就不 显示任何文档。 子窗口名称:可选参数,被打开窗口的名称。 (1).该名称由字母、数字和下划线字符组成。 (2)."_top"、"_blank"、"_self"具有特殊意义的名称。 _blank:在新窗口显示目标网页 _self:在当前窗口显示目标网页 _top:框架网页中在上部窗口中显示目标网页 (3).相同 name 的窗口只能创建一个,要想创建多个窗口则 name 不能相同。 (4).name 不能包含有空格。 参数字符串:可选参数,设置窗口参数,各参数用逗号隔开。
参数字符串的参数说明:
参数 | 取值范围 | 说明 |
---|---|---|
alwaysLowered | yes/no | 指定窗口隐藏在全部窗口之后 |
alwaysRaised | yes/no | 指定窗口悬浮在全部窗口之上 |
depended | yes/no | 是否和父窗口同时关闭 |
directories | yes/no | Nav2和3的文件夹栏是否可见 |
height | pixel value | 窗口高度 |
hotkeys | yes/no | 在没菜单栏的窗口中设安全退出热键 |
innerHeight | pixel value | 窗口中文档的像素高度 |
innerWidth | pixel value | 窗口中文档的像素宽度 |
location | yes/no | 位置栏是否可见 |
menubar | yes/no | 菜单栏是否可见 |
outerHeight | pixel value | 设定窗口(包括装饰边框)的像素高度 |
outerWidth | pixel value | 设定窗口(包括装饰边框)的像素宽度 |
resizable | yes/no | 窗口大小是否可调整 |
screenX | pixel value | 窗口距屏幕左边界的像素长度 |
screenY | pixel value | 窗口距屏幕上边界的像素长度 |
scrollbars | yes/no | 窗口是否可有滚动栏 |
status | yes/no | 窗口是否有状态栏 |
titlebar | yes/no | 窗口题目栏是否可见 |
toolbar | yes/no | 窗口工具栏是否可见 |
top | pixel value | 窗口顶部离屏幕顶部的像素数 |
Width | pixel value | 窗口的像素宽度 |
z-look | yes/no | 窗口被激活后是否浮在其它窗口之上 |
<script type="text/javascript"> window.open('http://www.baidu.com','_blank','width=1000,height=600,top = 100,left=0,toolbar=yes,scrollbars=no') ; //在新窗口中打开百度网首页,窗体的宽度为1000像素,高度为600像素, 窗口顶部离屏幕顶部的像素数,窗口工具栏可见,没有滚动栏 </script>
二、关闭窗口
关闭本窗体:window.close();
关闭新建的窗体:窗口对象.close();
<script type="text/javascript"> var mywindow = window.open('http://www.baidu.com'); //将新打的窗口对象,存储在变量mywindow中 mywin.close(); </script>
相关文章推荐
- JQuery1——基础($对象,选择器,对象转换)
- Android学习笔记(二九):嵌入浏览器
- Android java 与 javascript互访(相互调用)的方法例子
- 只需四个步骤几行代码,即可快速实现直播弹幕功能
- JavaScript演示排序算法
- javascript实现10进制转为N进制数
- JavaScript 基础、进阶以及 Ubuntu 系统中的 JavaScript 开发调试工具
- 最后一次说说闭包
- Ajax
- 2019年开发人员应该学习的8个JavaScript框架
- HTML中的script标签研究
- 对一个分号引发的错误研究
- 设计模式---状态模式在web前端中的应用
- 异步流程控制:7 行代码学会 co 模块
- ES6 走马观花(ECMAScript2015 新特性)
- JavaScript拆分字符串时产生空字符的原因
- Canvas 在高清屏下绘制图片变模糊的解决方法