一、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() 关闭当前窗口
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
|
<!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()方法的函数代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
|
<!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>
|
本文转自yeleven 51CTO博客,原文链接:http://blog.51cto.com/11317783/1794052