js window对象-框体、定时器

比眉伴天荒 2021-07-24 21:27 272阅读 0赞

BOM浏览器对象模型：
    	规范浏览器对js语言的支持(js调用浏览器本身的功能)
    	BOM的具体实现是window对象,window关键字可省略
    	
    window:
    		调用警告框
    			window.alert();
    		调用确认框
    			window.confirm();  提示选择确定和取消，返回值为布尔类型
    		调用提示框
    			window.prompt("提示语",输入值);  弹出等待输入的文本框,点击确认返回值为输入内容，无输入返回空，点击取消返回null
    			有两个参数，会返回第二个参数，不填则返回空
    
    
    定时器:
    	定时器会放在一个定时器模块中开始计时,定时器回调为宏任务,会等到同步代码执行完成后从定时器模块中取出来使用
    
    	定时执行
    		window.setTimeout(js无小括号函数名/匿名函数,时间毫秒);  返回值为当前线程的id
    		window.setTimeout(js无小括号函数名/匿名函数,时间毫秒,传递给函数的参数1,传递给函数的参数2,...);
    		
    		
    	间隔时间执行
    		window.setInterval(匿名函数/js无小括号函数名,时间毫秒);  每隔一定时间执行一次函数，返回值为当前线程的id
    		window.setInterval(匿名函数/js无小括号函数名,时间毫秒,传递给函数的参数1,传递给函数的参数2,...);  每隔一定时间执行一次函数，返回值为当前线程的id
    		
    			
    	停止当前的定时方法
    	 	通过当前计时器的返回值id，来停止指定方法
    	 	window.clearTimeout(id);
    	 	window.clearInterval(ids);

代码示例：

<html>
    	<head>
    		<title>js window对象1</title>
    		<meta charset="utf-8"/>
    		<script type="text/javascript">
    			function testAlert(){ 
    				window.alert("我是警告框");
    			}
    			
    			function t2()
    			{ 
    				window.confirm("确定吗?");
    			}
    			function t3()
    			{ 
    				var a=window.prompt("请输入昵称");
    				alert(a);
    			}
    			var id;
    			var ids;
    			function t4()
    			{ 
    				id=window.setTimeout(function (){ alert("定时")},3000);
    				
    			}
    			function t5()
    			{ 
    				ids=window.setInterval(function(){ alert("间隔")},2000);
    			}
    			function t6()
    			{ 
    				window.clearTimeout(id);
    			}
    			function t7()
    			{ 
    				window.clearInterval(ids);
    			}
    		</script>
    	</head>
    	<body>
    		<h3>js window对象1</h3>
    		<hr />
    		<input type="button" value="测试alert" onclick="testAlert()"/>
    		<input type="button" value="测试确认" onclick="t2()" />
    		<input type="button" value="测试提示" onclick="t3()" />
    		<input type="button" value="测试定时" onclick="t4()"/>
    		<input type="button" value="测试间隔" onclick="t5()"/>
    		<input type="button" value="测试停止定时" onclick="t6()" />
    		<input type="button" value="测试停止间隔" onclick="t7()"/>
    		
    	</body>
    </html>