js获取各种宽高(ie6&ie6+,firefox,chrome兼容完整版)
来源:互联网 发布:中国国际储备数据 编辑:程序博客网 时间:2024/05/21 17:18
ps.由于获取宽和高是一样的道理,只是把字面上height变成width,所以代码只示例高度
首先是获取浏览器视窗有关的宽高(BOM有关的部分):
- 获取电脑屏幕分辨率宽高:window.screen.height
- 获取电脑工作区宽高:window.screen.availHeight(所谓的工作区就是除去任务栏剩下的区域,win7可以隐匿任务栏,,这个时候window.screen.availHeight == window.screen.height)
- 获取浏览器可视区的宽高:document.body.clientHeight (这个宽高会随着你缩变窗口大小而改变)
剩下的就是获取元素的有关宽高(DOM有关部分):
一张图清晰明了:
1 0
- js获取各种宽高(ie6&ie6+,firefox,chrome兼容完整版)
- js监听浏览器,关闭,刷新(兼容IE6+,Firefox,Chrome,Safari)
- js监听浏览器,关闭,刷新(兼容IE6+,Firefox,Chrome,Safari)
- 浏览器兼容:IE6,IE7,IE8,FIREFOX,Chrome
- 浏览器兼容:IE6,IE7,IE8,FIREFOX,Chrome
- 写了一个qq表情jquery插件(ie6&ie6+ chrome firefox兼容)
- Javascript获取页面各种宽度高度(各种浏览器ie6,ie7,firefox下怎么获取更好兼容)
- iframe自适应高度(兼容IE6、IE7、IE8、fireFox、Chrome)
- 兼容 ie6-9,firefox,chrome,opera,safari css
- 兼容IE6 7 8 chrome firefox图片水平垂直居中
- 兼容IE6+、Chrome、FireFox的固定浮动css代码
- 图片预览 兼容ie6-11,chrome,firefox,opera
- DIV+CSS网页兼容所有主流浏览器技巧(IE6/IE7/IE8/IE9/Firefox/Chrome)
- 七行jquery代码实现图片渐变切换【兼容ie6&IE6+、 Chrome、 Firefox】
- CSS兼容IE6,IE7,FireFox
- CSS兼容IE6,IE7,FireFox
- 百度Popup.js弹出框进化版 拖拽小框架发布 兼容IE6/7/8,Firefox,Chrome-javascript技巧
- js图片滚动代码(IE6/7/8及Firefox兼容)
- VoLTE, SIP/MSRP
- 发布个归档小工具
- Error LNK1123: failure during conversion to COFF: file invalid or corrupt
- Phone状态的监听机制
- 计科1111-1114班第四周讲义、课外作业(截止日期:2014年4月3日23点-周四晚,学委飞信通知同学)
- js获取各种宽高(ie6&ie6+,firefox,chrome兼容完整版)
- linear regression几个代码
- 夏同学第一篇文章
- mysql字符集查询与设置详解
- php伪造http头实现破解防盗链
- MFC如何使控件大小随着对话框大小自动调整
- JAVA基础之方法重写
- 重新思考区域医疗卫生信息平台
- 学黑客要学什么编程语言