一、调整窗口大小属性
window.onresize 是调整窗口大小加载事件,当触发时就调用的处理<!DOCTYPE html>
浏览器 可视窗口的尺寸
1.内部的宽高
(1)散装
属性(兼容性)
innerWidth 当前屏幕的宽度
innerHeight 当前屏幕高
clientWidth 当前屏幕的宽度
clientHeight 当前屏幕高
(2)进行封装
2.浏览器的外部宽高
获取浏览器的整体宽高,包括可视区和工具栏侧边的设置等等
二、滚动条移动尺寸
1.不需要了解
有的浏览器不支持所以需要添加方法
window.scrollBy(100,100);
alert("window.pageXOffset"+window.pageXOffset + "\n"
+ "window.pageYOffset" +window.pageYOffset + "\n"
+ "window.scrollX"+window.scrollX + "\n"
+ "window.scrollY"+window.scrollY
);
2.散装
高度
document.documentElement.scrollTop
document.body.scrollTop
滚动条向下滚动的像素
宽度
document.documentElement.scrollLeft
document.body.scrollLeft
滚动条向右滚动的像素
3.进行封装