D 03_JavaScript中的BOM对象_javascriptd 的bom对象-优快云博客

本文链接：https://blog.youkuaiyun.com/Code_My_Dream/article/details/73303098

本文介绍了JavaScript中的BOM（浏览器对象模型），包括BOM的基本概念及其用途，并详细讲解了如何使用BOM中的方法如alert(), confirm(), setInterval(), 和setTimeout()来执行浏览器相关操作，还介绍了location对象的使用。

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

JavaScript中的BOM对象

3.1、BOM对象简述

3.1.1、BOM对象是什么？有什么用？

BOM（Browser Object Model）浏览器对象模型

浏览器：IE、火狐、谷歌等

作用：用来执行浏览器的相关操作。（例如：浏览器的地址、弹出消息等）

一般情况下，window代表了BOM对象。

window对象是JavaScript的内置对象，使用window对象调用方法时可以省略window不写。

3.2、消息框

3.2.1、alert()

警告框，用来弹出警告消息。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script>
			/*
			 * BOM:浏览器对象
			 * confirm,选择对话框
			 * 点击确定返回true,点击取消返回false
			 */
		var flag=confirm("未满18岁禁止入内!");
		alert(flag)	
		</script>
	</head>
	<body>
	</body>
</html>

注：不同浏览器显示的组件样式不同，这里我们无需关注组件样式。

3.2.2、confirm()

确认框，用于告知用户信息并收集用户的选择

该方法有返回值，用户通过选择“确定”或者“取消”，方法结束会返回boolean类型的值。

l “确定”返回ture；

l “取消”返回false；

3.3、定时器

3.3.1、循环定时器的设置和取消

3.3.1.1、启动循环定时器-setInterval()

循环定时器，调用一次就会创建并循环执行一个定时器。

格式：

setInterval(调用方法,毫秒值);

//毫秒值：循环周期

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script>
			function run1(){
				var flag=confirm("有本事关掉这个窗口");
				if(flag==true){
					alert("哈哈,你关闭掉我");
					clearInterval(s);
				}
					
			}
			var s=setInterval("run1()",1000);
			run1();
			
			
		</script>
	</head>
	<body>
	</body>
</html>

3.3.1.2、停止循环定时器-clearInterval()

setInterval方法在创建一个定时器的同时，还会返回一个的定时器的ID，该ID就代表这个定时器。

此定时器ID在当前页面是不重复的。

我们可以通过clearInterval方法，指定某个循环定时器停止

格式：

clearInterval(定时器ID);

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script>
			function run1(){
				alert("run1");
			}
			
			var i=setInterval("run1()",200);
			
			clearInterval(i);
		</script>
	</head>
	<body>
	</body>
</html>

因为定时器设定后立即取消了，所以没有任何效果。