js中window对象的各种宽高

1.热身

  • window和document的区别
    • window对象:浏览器中打开的窗口
    • js中window对象的各种宽高_第1张图片

    • document对象:是window对象的一部分,document.body可以用window.document.body。浏览器的html文档是document对象
    • js中window对象的各种宽高_第2张图片

       

  • window.location和document.location是全等的,都是引用的Location对象,表示该窗口中当前显示文档的URL。

2.与window相关的宽高

  • innerHeight/outerHeight(不兼容ie9以下,可用h=document.body.clientHeight || document.documentElement.clientHeight)

js中window对象的各种宽高_第3张图片

 

  • innerWidth/outerWidth(不兼容ie9以下,处理方法同上)

js中window对象的各种宽高_第4张图片

  • window.screen对象包含有关用户屏幕的信息

js中window对象的各种宽高_第5张图片

js中window对象的各种宽高_第6张图片

 

你可能感兴趣的:(JS)