JavaScript基础（更新第二波）

Posted 2020-08-28

下面接着说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像素，无菜单栏、无工具栏。 
可以结合一下前面所学的知识点练练手。代码回头我会贴出来的。