189 8069 5689
jQuery 获取屏幕高度、宽度 做手机Web开发做浏览器兼容用到了，所以在网上找了些汇总下。
目前成都创新互联公司已为1000多家的企业提供了网站建设、域名、虚拟主机、网站托管、企业网站设计、深泽网站维护等服务，公司将坚持客户导向、应用为本的策略，正道将秉承"和谐、参与、激情"的文化，与客户和合作伙伴齐心协力一起成长，共同发展。
在test.html文件内，使用button标签创建一个按钮，按钮名称为“获得宽度和高度”。 在test.html文件中，给button按钮绑定onclick点击事件，当按钮被点击时，执行get()函数。 在浏览器打开test.html文件，点击按钮，查看实现的效果。
jquery代码直接使用 $(window).height()。获取浏览器的宽度：jquery代码直接使用 $(window).With()；原生态JS代码：var w=document.documentElement？document.documentElement.clientWidth：document.body.clientWidth。
导航栏高度设置为15%，它的高度就一直为浏览器高度的15%，比例不会变，高度会变！CSS样式高度设置百分比有优点有缺点，看你怎么搭配了。一般导航栏的高度都是定值，宽度是百分比。
小结：因为id.offsetWidth和id.offsetHeight无视样式写在样式表还是行内，所以我们获取元素宽和高的时候最好用这2个属性。注意如果不是写在行内style中的属性都不能通过id.style.atrr来获取。
屏幕可用工作区宽度： window.screen.availWidth js简介 js，是JavaScript的缩写，是一种直译式脚本语言，一种动态类型、弱类型、基于原型的语言，内置支持类型。
：可以使用定时器setInterval，每秒获取一次浏览器的宽和高。2：使用jQuery可以这样获取window的宽高。3：宽度 $(window)width() ，高度$(window).height()，自己写个函数，设定定时器的时间。
例如： this is div tag 如要获取id为oDiv的div标签的宽度 可以使用query如下写法 (#oDiv).width()；jquery讲义：width() 方法返回或设置匹配元素的宽度。
途径：第一种情况就是宽高都写在样式表里，就比如#div1{width：120px；}。这中情况通过#divstyle.width拿不到宽度，而通过#divoffsetWidth才可以获取到宽度。
window.screen.height屏幕分辨率的宽： window.screen.width屏幕可用工作区高度： window.screen.availHeight屏幕可用工作区宽度： window.screen.availWidth。。
还有变宽宽度 外边距 内边距等决定宽度的因素。
导航栏高度设置为15%，它的高度就一直为浏览器高度的15%，比例不会变，高度会变！CSS样式高度设置百分比有优点有缺点，看你怎么搭配了。一般导航栏的高度都是定值，宽度是百分比。
方法1：你可以提示用户按键盘的F11来全屏观看，获得最佳浏览效果。
支持ie，ff，chrome，safari，360安全，qq，遨游，搜狗浏览器，不兼容360急速浏览器的加入收藏功能 这两个功能的用途越来越小了，所以没有方法绝对适合所有浏览器的。
CSS对浏览器器的兼容性具有很高的价值，通常情况下IE和Firefox存在很大的解析差异，这里介绍一下兼容要点。
：可以使用定时器setInterval，每秒获取一次浏览器的宽和高。2：使用jQuery可以这样获取window的宽高。3：宽度 $(window)width() ，高度$(window).height()，自己写个函数，设定定时器的时间。
因为js是浏览器兼容性问题的高发区，因此建议考虑使用jQuery框架，利用其规避兼容问题；即便不用框架，也请使用原生的dom对象，您这种奇怪的表达式对于阅读性和兼容性都有很大的伤害。