3、BOM对象

最新推荐文章于 2024-07-10 21:07:19 发布

日拱一卒无有尽，功不唐捐终入海

最新推荐文章于 2024-07-10 21:07:19 发布

阅读量89

点赞数

分类专栏： # JavaWeb学习笔记文章标签： windows javascript

本文链接：https://blog.csdn.net/m0_49128301/article/details/120652021

版权

JavaWeb学习笔记专栏收录该内容

25 篇文章 0 订阅

订阅专栏

3.1、BOM对象简述

3.2.1、BOM对象

是什么：BOM（Browser Object Model）浏览器对象模型

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

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

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

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

本来应该写window.alert（）; 由于window是JS内置对象所以省去前面的部分不写。

3.2消息框

3.2.1、alert（）

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

示例：

alert（“你好”);

效果1：

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

3.2.2、comfirm（）

comfirm：确认、证实、批准

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

示例;

confirm(“确定或者取消”);

效果2：

3.3、定时器

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

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

interval：间隔、间隙、区间、时间间隔 set：设置

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

1秒=1000毫秒 interval单位是毫秒

定时启动一些相关的程序和代码

格式：

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

示例1：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script>
			//每两秒后执行一次run1
			function run1(){
				alert("run1");
			}
			setInterval("run1()",2000);
		</script>
	</head>
	<body>
	</body>
</html>

示例2：执行一次后，取消定时器

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script>
			//需求2秒后去执行一次run1方法，然后就结束(相当于把id的范围扩大了)
			var id
			function runt1(){
				alert("runt1");
				//只要执行一次就写清除定时器
               clearIterval(id);
			}
			id=setInterval("runt1()",2000);	
		</script>
	</head>
	<body>
	</body>
</html>

3.3.2、启动一次性定时器-setTimeout()

timeout：超时；暂时休息；工作休息

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

格式：setTimeout(调用方法，毫秒值);

形参

示例：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script>
			function run1(){
				alert("我是run1")
			}
			//执行下一句后，会设置一个定时器，定时器执行一次。
			setTimeout("run1()",2000)
		</script>
	</head>
	<body>
	</body>
</html>

效果：

3.3.2.2、停止一次性定时器clearTimeout

执行一次就停止（所以不用像setIterval那样设置停止）

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

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

我们可以通过clearTimeout方法，指定某一个一次性定时器停止

格式：

clearTimeout(定时器id)

示例：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script>
			function run1(){
				alert("我是run1")
			}
			//执行下一句后，会设置一个定时器，定时器执行一次。
			var id=setTimeout("run1()",2000)
			clearTimeout(id);
		</script>
	</head>
	<body>
	</body>
</html>

效果：

直接执行第一次的时候直接被被取消了所以没有返回值

日拱一卒无有尽，功不唐捐终入海

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
3、BOM对象

3.1、BOM对象简述3.2.1、BOM对象是什么：BOM（browser object model）浏览器对象模型浏览器：IE、火狐、谷歌等作用：用来执行浏览器的相关操作。（例如：浏览器的地址、弹出消息，窗口大小等）一般情况下，Window代表了BOM对象Window对象是JavaScript的内置对象，使用Window对象调用方法时可以省略Window不写本来应该写window.alert（）; 由于window是JS内置对象所以省去前面的部分不写。3.2消息框3.2..
复制链接

扫一扫