bom open方法和close方法

最新推荐文章于 2025-05-26 16:22:51 发布

memedadexixaofeifei

最新推荐文章于 2025-05-26 16:22:51 发布

阅读量731

点赞数

CC 4.0 BY-SA版权

分类专栏：原生js

本文链接：https://blog.youkuaiyun.com/memedadexixaofeifei/article/details/84928264

原生js 专栏收录该内容

11 篇文章

订阅专栏

本文深入讲解了浏览器对象模型（BOM）中的open方法和close方法，通过实例演示如何使用open方法打开新窗口或页面，以及如何使用close方法关闭窗口。讨论了不同浏览器下close方法的行为差异，并展示了如何在特定条件下关闭由JavaScript打开的新窗口。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>bom open方法和close方法</title>
	</head>
	<body>
		<input type="button" value="打开新窗口" name="btn" id="btn" />
		<input type="button" value="关闭窗口" />
		<script type="text/javascript">
			window.onload = function(){
				var aInput = document.getElementsByTagName("input");
				
				//window.open(url,打开方式)方法，打开一个新的窗口（页面）url为空打开一个空白页  打开方式为空默认新窗口打开
				//window.close() 方法，关闭窗口
				aInput[0].onclick = function(){
					window.open("https://www.baidu.com/?tn=78040160_26_pg&ch=1https://www.baidu.com/?tn=78040160_26_pg&ch=1","_self")
					/* 
					 *  打开方式 _self 在当前页打开   不添加参数则是在新的窗口打开
					 * 
					 * */
				}
				
				aInput[1].onclick = function(){
					window.close()
					/*
					
					 *1).ff默认无法关闭
					 *2).chrome默认直接关闭
					 *3).ie询问用户 
					 * 
					 * 可以关闭在本窗口通过js打开的新窗口
					 * */
				}
			}
		</script>
	</body>
</html>