js学习之window对象学习(一)

最新推荐文章于 2021-01-09 12:15:48 发布

playboy-jordan

最新推荐文章于 2021-01-09 12:15:48 发布

阅读量202

点赞数

分类专栏： # JavaScript教程文章标签： javascript css vue.js html html5

本文链接：https://blog.csdn.net/weixin_44853669/article/details/106952922

版权

JavaScript教程专栏收录该内容

28 篇文章 0 订阅

订阅专栏

<html>
	<head>
		<title>window对象学习</title>
		<meta charset="UTF-8"/>
		<!--
			BOM浏览器对象模型：是规范浏览器对js语言的支持(js调用浏览器本身的功能)。
			BOM的具体实现是window对象	
			window对象使用学习：
				1、window对象不用new，直接进行使用即可，类似Math的使用方式，window关键字可以省略不写。
				2、框体方法
					alert:警告框	提示一个警告信息，没有返回
					confirm:确认框  提示用户选择一项操作（确定/取消）
							点击确定 返回true
							点击取消  返回false
					prompt:提示框， 提示用某个信息的录入或者说收集
							点击确定，返回当前用书录入的数据，默认返回空字符串
							点击取消,返回null
				3、定时和间隔执行方法
					setTimeout:指定的时间后执行指定的函数
								参数1：函数对象
								参数2：时间，单位毫秒。
								返回值：返回当前定时器的id
					setInterval:每间隔指定的时间执行指定的函数
								参数1：函数对象
								参数2：时间，单位毫秒。
								返回值：返回当前间隔器的id
					clearTimeout:用来停止指定的定时器
								参数：定时器的id								
					clearInterval:用来停止指定的间隔器
								参数：间隔器的id
		-->
		<!--声明js代码域-->
		<script type="text/javascript">
			//框体方法学习：
				//警告框
				function testAlert(){
					var a=window.alert("我是警告框");
					alert(a);
				}
				//确认框
				function testConfirm(){
					var flag=window.confirm("你确定要删除吗?");
					alert(flag);
				}
				//提示框
				function testPrompt(){
					var str=window.prompt("请输入昵称：");
					alert(str);
				}
/*----------------------------------------------------------------------------------------------*/
				var idi;
				var ids
				//定时执行
					function testSetTimeout(){
						idi=window.setTimeout(function(){
							alert("我是定时执行");
						},3000);
					}
				//间隔执行
					function testSetInterval(){
						ids=window.setInterval(function(){
							alert("我是间隔执行");
						},2000);
					}
				//停止当前的定时方法
					function testClearTimeout(){
						window.clearTimeout(idi);
					}				
					function testClearInterval(){
						window.clearInterval(ids);	
					}
		</script>
	</head>
	<body>
		<h3>window对象学习</h3>
		<hr />
		<input type="button" name="" id="" value="测试警告框" onclick="testAlert();" />
		<input type="button" name="" id="" value="测试确认框" onclick="testConfirm()" />
		<input type="button" name="" id="" value="测试提示框"  onclick="testPrompt()"/>
		<hr />
	<input type="button" name="" id="" value="测试setTimeout--定时执行"  onclick="testSetTimeout()"/>
	<input type="button" name="" id="" value="测试setInterval--间隔执行"  onclick="testSetInterval()"/>
	<input type="button" name="" id="" value="测试clearTimeout--停止指定的定时器" onclick="testClearTimeout()" />
	<input type="button" name="" id="" value="测试clearInterval--停止指定的间隔器" onclick="testClearInterval()" />
	</body>
</html>

在这里插入图片描述

playboy-jordan

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
js学习之window对象学习(一)

<html> <head> <title>window对象学习</title> <meta charset="UTF-8"/> <!-- BOM浏览器对象模型：是规范浏览器对js语言的支持(js调用浏览器本身的功能)。 BOM的具体实现是window对象 window对象使用学习： 1、window对象不用new，直接进行使用即可，类似Math的使用方式，window关键字可以省略不写。 2、
复制链接

扫一扫