下面接着说JavaScript打开新的窗口。
open()方法可以查找一个已经存在或者新建的浏览器窗口。
语法:
window.open([URL]),[窗口名称],[参数字符串]
参数说明:
URL:可选参数,在窗口中要显示网页的网址或者路径。如果省略这个参数,或者它的值是空字符串,那么窗口就不显示任何文档。
窗口名称:可选参数,被打开窗口的名称。
1.该名称由字母、数字和下划线字符组成。
2."_top"、"_blank"、"_self"具有特殊意义的名称。
_blank:在新窗口显示目标网页
_self:在当前窗口显示目标网页
_top:框架网页中在上部窗口中显示目标网页
3.相同name的窗口只能创建一个,要想创建多个窗口则name不能相同。
4.name不能包含有空格。
参数字符串:可选参数,设置窗口参数,各参数用逗号隔开。
参数 值 说明
top Number 窗口顶部离开屏幕顶部的像素数
left Number 窗口左端离开屏幕左端的像素数
width Number 窗口的宽度
height Number 窗口的高度
menubar yes,no 窗口有没有菜单
toolbar yes,no 窗口有没有工具条
scrollbars yes,no 窗口有没有滚动条
status yes,no 窗口有没有状态栏
例如:打开http://www.baidu.com网站,大小为300px*200px,无菜单,无工具栏,无状态栏,有滚动条窗口:
<script type="text/javascript">
window.open('http://www.baidu.com','_blank','width=300,height=200,menubar=no,toolbar=no,status=no,scrollbars=yes')
注意:运行结果考虑浏览器兼容问题。这一点一定要注意!!!
然后说说关闭窗口(window.close)
close()关闭窗口
用法:window.close();//关闭本窗口
或<窗口对象>.close();//关闭指定的窗口
例如:关闭新建的窗口。
<script type="text/javascript">
 var mywin=window.open('http://www.baidu.com');//将新打开的窗口对象,存储在变量mywin种
mywin.close();
</script>
注意:上面代码在打开新窗口的同时,关闭该窗口,看不到被打开的窗口。(基本上说,这样写是没有什么实际运用意义的,但是也不见得真的没有意义。比如java中,你想黑人家钱,价格sleep。。。你懂的。。。这一块也得看你实际运用。程序猿也要学会变通。)

留个任务:

1、新窗口打开时弹出确认框,是否打开

提示: 使用 if 判断确认框是否点击了确定,如点击弹出输入对话框,否则没有任何操作。

2、通过输入对话框,确定打开的网址,默认为
http://www.imooc.com/

3、打开的窗口要求,宽400像素,高500像素,无菜单栏、无工具栏。 
可以结合一下前面所学的知识点练练手。代码回头我会贴出来的。 

 
 
 

最新文章

  1. 移动端 h5调试技巧
  2. 前端 js 实现简单 表单提交
  3. C++模板实例化
  4. 设计模式-观察者模式(List列表维护观察者)
  5. shell脚本中的[]/[[]]区别
  6. mysq 安装时候进行生成数据库系统时候执行语句 ./scripts/mysql_install_db --user=mysql --basedir=/usr/local/mysql --datadir=/data/mysql 时候报错
  7. Quantum &amp; r2q
  8. SCOI2015题解 &amp;&amp; 考试小结
  9. solr源码导入eclipse
  10. 创建GIF loading图片
  11. 编写一个void sort(int*x,int n)实现将x数组中的n个数据从大到小排序。n及数组元素在主函数中输入。将结果显示在屏幕上并输出到文件
  12. 数据加密,android客户端和服务器端可共用
  13. EventBus InMemory 的实践基于eShopOnContainers (二)
  14. Sass快速入门学习笔记
  15. Jetson TX1使用usb camera采集图像 (2)
  16. 求一个Map中最大的value值,同时列出键,值
  17. Jenkins系列之一——初识
  18. 【Spring学习笔记-MVC】Spring MVC之多文件上传 (zhan)
  19. 基于QProbe创建基本Android图像处理框架
  20. 第二十六天- C/S架构 通信流程 socket

热门文章

  1. jquery 实现飘落效果
  2. CSS sprites减少HTTP请求
  3. IOS7学习之路八(iOS 禁止屏幕旋转的方法)
  4. c语言,string库函数itoa实现:将int转换为char*
  5. Ruby编码
  6. python打包成window可执行程序
  7. CentOS_6.5_x64:VNC安装配置
  8. j2ee面试宝典翻译(1)
  9. 使用DOM4J解析XML文档,以及使用XPath提取XML文档
  10. “Will not add file alias &#39;samefile&#39; (&#39;SameFile&#39; already exists in index)” when `git add/commit` operation