window对象指当前的浏览器的窗口,所有JS的全局对象、函数、变量都是window对象的成员。DOM的ducument也是window对象的属性。
window对象有 属性和方法,window对象的子对象是window的某个属性,子对象又有各自的属性和方法。
例如:window有document、history、screen、location、navigator等属性,而这些有其自身属性或方法的属性本身也是对象,称为window的子对象
window对象常用属性:
window.innerHeight 浏览器窗口的内部高度<---->window.innerWidth 浏览器窗口的内部宽度
window.outerHeight 浏览器窗口的外部高度<---->window.outerWidth 浏览器窗口的外部宽度
window.history 包含历史url的集合
window.open() 打开一个新窗口<--->window.close()关闭一个窗口
var myWindow;
function openWin(){
myWindow=window.open("","","width=400,height=200");
}
function closeWin(){
if (myWindow){
myWindow.close();
}
}
window对象的常用方法:
alert() //弹框
prompt() //显示可提示用户输入的对话框
confirm() //显示待用户确认或取消按钮的对话框
setInterval() //会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭
clearInterval() //停止以上方法
var myVar = setInterval(function(){ myTimer() }, 1000); //每1000ms执行一次
function myTimer() {
var d = new Date();
var t = d.toLocaleTimeString();
document.getElementById("demo").innerHTML = t;
}
function myStopFunction() {
clearInterval(myVar);
}
setTimeout() //方法用于在指定的毫秒数后调用函数或计算表达式。
clearTimeout() //停止执行以上方法,在上述方法自调用时使用,会停止(用于递归中停止,见上篇的时钟例子)
window.history对象的方法
window.location对象的属性和方法:此对象用于获取当前页面的url,并把浏览器重定向到新的页面
Screen对象:屏幕信息