一、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 >
<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>
时间： 2024-10-10 00:29:29