HTML 各种宽高度

element.clientWidth   //元素的实际宽度,不算边框

element.clientHeight  //元素的实际高度,不算边框

element.offsetWidth   //元素的实际宽度,加上边框

element.offsetHeight  //元素的实际高度,加上边框

element.scrollWidth  //这个说法很多,我测试下来应该是元素实际宽度-滚动条的宽度

element.scrollHeight  //这个说法很多,我测试下来应该是元素实际高度-滚动条的高度

element.offsetLeft   //相对于父对象的距离,ie下如果position设为relative,则是相对于window的距离

element.offsetTop   //相对于父对象的距离,ie下如果position设为relative,则是相对于window的距离

window.screenLeft   //当前窗口距离屏幕距离 only for IE

window.screenX   //当前窗口距离屏幕距离 not for IE

window.innerWidth  //当前窗口大小(内)not for IE

window.outerWidth  //当前窗口大小(外)not for IE

window.screen.width //当前屏幕分辨率

window.screen.availWidth //当前屏幕可用分辨率

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,237评论 1 92
  • Window和document对象的区别 window对象window对象表示浏览器中打开的窗口window对象是...
    FConfidence阅读 2,374评论 0 5
  • <a name='html'>HTML</a> Doctype作用?标准模式与兼容模式各有什么区别? (1)、<...
    clark124阅读 3,882评论 1 19
  • 我想要蓝天 想要绿草 但究竟 锁住我的是囚牢 还是自己的心
    凌晨chen阅读 250评论 0 3
  • 马加爵杀害了自己的同学,马加爵的父母,感觉羞愧难当,后来拒绝认领马加爵的骨灰,不可否认,马加爵的父母是一对善良的老...
    刘言刚_北京阅读 1,182评论 4 5

友情链接更多精彩内容