Window 对象
所有浏览器都支持 window 对象。它表示浏览器窗口。 全局变量是 window 对象的属性。 全局函数是 window 对象的方法。 this访问全局。
Window 对象属性
window.onload:整个页面的所有东西加载完以后执行。对应方法。代码尽量写在window.onload里
window.onload=function(){
}
innerheight:当前可视区域窗口的高度。
console.log(window.innerheight);
innerwidth:当前可视区域窗口的宽度。
outerheight:浏览器区域的高度(窗口的外部高度)。IE不支持
outerwidth:浏览器区域的高度(窗口的外部宽度)。IE不支持
pageXOffset:设置或返回当前页面相对于窗口显示区左上角的 X 位置。 (文档在窗口左上角水平和垂直滚动)
pageYOffset:设置或返回当前页面相对于窗口显示区左上角的 Y 位置。
screenLeft: (浏览器相对于屏幕的坐标。) 返回相对于屏幕窗口的x坐标
screenTop: 返回相对于屏幕窗口的y坐标
screenX : 返回相对于屏幕窗口的x坐标
screenY: 返回相对于屏幕窗口的y坐标
声明了窗口的左上角在屏幕上的的 x 坐标和 y 坐标。IE、Safari 和 Opera 支持 screenLeft 和 screenTop,而 Firefox 和 Safari 支持 screenX 和 screenY。
Window 对象方法
moveBy():可相对窗口的当前坐标把它移动指定的像素。(相对移动)
moveTo():把窗口的左上角移动到一个指定的坐标。(直接移动设定距离)
resizeBy(): 按照指定的像素调整窗口的大小。
resizeTo():把窗口的大小调整到指定的宽度和高度。
scrollBy(): 按照指定的像素值来滚动内容。
scrollTo(): 把内容滚动到指定的坐标。
open(): 打开一个新的浏览器窗口或查找一个已命名的窗口。
参数:window.open(URL,name,specs,replace);
window.open('test1.html','my window','width=500,height=500,menubar=yes,toolbar=yes,status=yes');
弹框:
alert():显示带有一段消息和一个确认按钮的警告框。(警告框,阻塞代码运行,关闭框后继续运行)window.alert('Heelo');
confirm():显示带有一段消息以及确认按钮和取消按钮的对话框。
window.confirm('是否删除?');
返回:确认,true;取消:false
prompt():显示可提示用户输入的对话框。
window.confirm('请输入:');
——返回 null
执行次数:
seeTimeOut:指定时间后执行一次
setInterval:每隔指定时间执行多次
setInterval(function(){
console.log(...);
},3000;
clearInterval:清除