BOM之window对象

最新推荐文章于 2022-01-13 17:25:50 发布

\u5f20\u7231\u9648

最新推荐文章于 2022-01-13 17:25:50 发布

阅读量241

点赞数

本文链接：https://blog.csdn.net/family_love_1998/article/details/89762902

版权

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>BOM之window对象</title>
		<script>
			/**
			 *window对象中常用的方法
			 *    open("url","打开方式","打开新窗口的宽高以及设置工具类的显示"")
			 *      url:打开资源地址/或者资源文件
			 *   定时器相关
			 *    setInterval("任务"，毫秒值);//每经过多少毫秒值重复执行
			 *    setTimeout("任务"，毫秒值);//经过多少毫秒后执行一次任务
			 *   取消定时器
			 *    clearInterval(timerId);
			 *    clearTimeout(timerId);
			 *   弹框的方法
			 *     alert()
			 *     confirm():确认对话框;
			 *     prompt:消息对话框和输入框
			 */
			function testOpen(){
				//打开一个窗口，执行open方法
				window.open("js原型.html","_blank","width:400px;height:400px;toorbar:0");
			}
			
			function test(){
				//console对象
				console.log("123");
			}
			//定义任务Id
			var taskId;
			function testInterval(){
				//taskId = window.setInterval("test()",5000);//重复
			}
			function testTimeout(){
				taskId = window.setTimeout("test()",3000);
			}
			//取消定时任务
			function testClearInterval(){
				window.clearInterval(taskId);
			}
			function testclearTimeout(){
				window.clearTimeout(taskId);
			}
		</script>
	</head>
	<body>
		<input type = "button"value="open"onclick="testOpen()" />;
	<br />
	<input type = "button"value="interval" onclick="testInterval()"/>;
	<br />
	<input type = "button"value="timeout"onclick="testTimeout()"/>;
	<br />
	<input type = "button"value="clearInterval"onclick="testClearInterval()"/>;
	<br />
	<input type = "button"value="clearTimeout"onclick="testClearInterval()"/>;
</html>