【JavaScript】Window对象学习

Javascript组成

JavaScript的实现包括以下3个部分:
1、核心(ECMAScript):描述了JS的语法和基本对象。
2、文档对象模型 (DOM):处理网页内容的方法和接口。
3、浏览器对象模型(BOM):与浏览器交互的方法和接口。


window对象

JS基于对象,万物皆对象。在浏览器里面,window对象(注意,w为小写)指当前的浏览器窗口。它也是当前页面的顶层对象,即最高一层的对象,所有其他对象都是它的下属。

举例:setInterval可以实现图片在页面上的运动
setInterval的实现是多线程

<html>
	<head>
		<title>window对象学习title>
		<meta charset="UTF-8"/>
		
		
		<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>

你可能感兴趣的:(HTML+CSS+JS)