码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript 浏览器对象(一)

时间:2016-06-29 16:06:35      阅读:144      评论:0      收藏:0      [点我收藏+]

标签:javascript 浏览器对象(一)

一、Window对象

    1.window对象:

      window对象是BOM的核心,window对象指当前的浏览器窗口

      所有JavaScript全局对象、函数以及变量均自动成为window对象的成员

      全局变量是window对象的属性

      全局函数是window对象的方法

      甚至HTML DOM的document也是window对象的属性之一

    2.window尺寸:

      window,innerHeight  浏览器窗口的内部高度

      window,innerWidth  浏览器窗口的内部宽度

    3.window方法:

      window.open()  打开新窗口

      window.close()  关闭当前窗口

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<button id="btn" onclick="btnClicked()">按钮</button>
		<script>
//			document.write("宽度"+window.innerWidth+",高度"+window.innerHeight);
			function btnClicked(){
//				window.open("obindex.html","windowName","height=200,width=200,top=100,left=100,toolbar=no,menubar=no");
				window.close();
			}
		</script>
	</body>
</html>


二、计时器

    1.计时事件:通过使用JavaScript,我们有能力做到在一个设定的时间间隔之后来执行代码,而不是在函数被调用后立即执行,我们称作计时事件

    2.计时方法:

      setInterval()  间隔指定的毫秒数不停地执行指定的代码

      clearInterval()  方法用于停止setInterval()方法执行的函数代码

      setTimeout()  暂停指定的毫秒数后执行的指定的代码

      clearTimeout()  方法用于停止执行setTimeOut()方法的函数代码  

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body onload="myWin()">
		<button id="btn" onclick="stopWin()">按钮</button>
		<p id="ptime"></p>
		<script>
//			var mytime = setInterval(function(){
//				getTime();
//			},1000);
//			function getTime(){
//				var d = new Date();
//				var t = d.toLocaleTimeString();
//				document.getElementById("ptime").innerHTML = t;
//				
//			}
//			function stopTime(){
//				clearInterval(mytime);
//			}
			var win;
			function myWin(){
				alert("hello");
				win = setTimeout(function(){
					myWin();
				},3000);
			}
			function stopWin(){
				clearTimeout(win);
			}
		</script>
	</body>
</html>










JavaScript 浏览器对象(一)

标签:javascript 浏览器对象(一)

原文地址:http://11317783.blog.51cto.com/11307783/1794052

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!