一、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>