JS中BOM编程：window的open和close方法

姓蔡小朋友

已于 2022-10-12 21:04:42 修改

阅读量1.8k

点赞数

分类专栏： JavaScript 文章标签： javascript html5 开发语言

于 2022-09-01 14:20:13 首次发布

本文链接：https://blog.youkuaiyun.com/m0_53881899/article/details/126642367

版权

JavaScript 专栏收录该内容

28 篇文章

订阅专栏

1. window.open()方法：用户打开浏览器窗口

<html>
	<head>
		<meta charset="utf-8">
		<title>BOM编程-open和close</title>
	</head>
	<body>
		<script type="text/javascript">
			/*
				1、BOM编程中，window对象是顶级对象，代表浏览器窗口。
				2、window有open和close方法，可以开启窗口和关闭窗口。
			*/
		   
		</script>
		
		<input type="button" value="开启百度(新窗口)" onclick="window.open('http://www.baidu.com');" />
		<input type="button" value="开启百度(当前窗口)" onclick="window.open('http://www.baidu.com', '_self');" />
		<input type="button" value="开启百度(新窗口)" onclick="window.open('http://www.baidu.com', '_blank');" />
		<input type="button" value="开启百度(父窗口)" onclick="window.open('http://www.baidu.com', '_parent');" />
		<input type="button" value="开启百度(顶级窗口)" onclick="window.open('http://www.baidu.com', '_top');" />
		
	</body>
</html>

2. window.close()方法：用于关闭浏览器窗口

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>close</title>
	</head>
	<body>
		<input type="button" value="关闭当前窗口" onclick="window.close();" />
	</body>
</html>