(JS)BOM编程

最新推荐文章于 2024-07-16 19:07:40 发布

wenshao007

最新推荐文章于 2024-07-16 19:07:40 发布

阅读量179

点赞数

分类专栏： JS

本文链接：https://blog.youkuaiyun.com/wenshao007/article/details/105577351

版权

JS 专栏收录该内容

6 篇文章

订阅专栏

本文介绍了BOM编程中窗口对象的基本操作，包括使用window对象的open和close方法来开启和关闭窗口，通过confirm方法弹出确认对话框，以及如何将当前窗口设置为顶级窗口。此外，还讲解了history对象的back方法实现页面回退，以及location对象的使用，用于获取和设置地址栏的URL。

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

BOM编程中，window是顶级对象，代表浏览器窗口


window有open和close方法，可以开启窗口和关闭窗口

	<input type="button" value="打开窗口" onclick="window.open('http://www.baidu.com');">

弹出确认框

<body
		<input type="button" value="打开窗口" onclick="window.open('http://www.baidu.com');">
		<br>
		<script type="text/javascript">
			del = function(){
				ok = window.confirm("是否删除");
			}
		</script>
		<input type="button" value="删除" onclick="del();">
	</body>

将当前窗口设置为顶级窗口
在这里插入图片描述
004页面

<iframe src="005页面.html" length = "300" height="300"></iframe>

005页面

<body>
		005页面
		<script type="text/javascript">
			settop = function(){
				if(window.top!=window.self){
					window.top.location = window.self.location;
				}
			}
		</script>
		<input type="button" value="将当前窗口设置为顶级窗口" onclick="settop();"/>
	</body>

history和location对象
1.可以回退页面

<input type="button" value="后退" onclick="window.history.back();"/>

2.location对象可以设置地址栏上的URL

window.location  可以获取到地址栏上的URL

<body>
		<script type="text/javascript">
			set = function(){
				alert(window.location);
				window.location = "http://www.baidu.com";
			}
		</script>
		<input type="button" value="go to baidu" onclick="set();">
	</body>