怎么用js判断屏幕分辨率，完了根据分辨率访问到指定宽度的网站

<script type="text/javascript">function getInfo(){

var s = "";

s += " 网页可见区域宽："+ documentbodyclientWidth+"\n";

s += " 网页可见区域高："+ documentbodyclientHeight+"\n";

s += " 网页可见区域宽："+ documentbodyoffsetWidth + " (包括边线和滚动条的宽)"+"\n";

s += " 网页可见区域高："+ documentbodyoffsetHeight + " (包括边线的宽)"+"\n";

s += " 网页正文全文宽："+ documentbodyscrollWidth+"\n";

s += " 网页正文全文高："+ documentbodyscrollHeight+"\n";

s += " 网页被卷去的高(ff)："+ documentbodyscrollTop+"\n";

s += " 网页被卷去的高(ie)："+ documentdocumentElementscrollTop+"\n";

s += " 网页被卷去的左："+ documentbodyscrollLeft+"\n";

s += " 网页正文部分上："+ windowscreenTop+"\n";

s += " 网页正文部分左："+ windowscreenLeft+"\n";

s += " 屏幕分辨率的高："+ windowscreenheight+"\n";

s += " 屏幕分辨率的宽："+ windowscreenwidth+"\n";

s += " 屏幕可用工作区高度："+ windowscreenavailHeight+"\n";

s += " 屏幕可用工作区宽度："+ windowscreenavailWidth+"\n";

s += " 你的屏幕设置是 "+ windowscreencolorDepth +" 位彩色"+"\n";

s += " 你的屏幕设置 "+ windowscreendeviceXDPI +" 像素/英寸"+"\n";

alert (s);

}

getInfo();

</script>

网页可见区域宽： documentbodyclientWidth 网页可见区域高： documentbodyclientHeight 网页可见区域宽： documentbodyoffsetWidth (包括边线的宽) 网页可见区域高： documentbodyoffsetHeight (包括边线的高) 网页正文全文宽： documentbodyscrollWidth 网页正文全文高： documentbodyscrollHeight 网页被卷去的高： documentbodyscrollTop 网页被卷去的左： documentbodyscrollLeft 网页正文部分上： windowscreenTop 网页正文部分左： windowscreenLeft 屏幕分辨率的高： windowscreenheight 屏幕分辨率的宽： windowscreenwidth 屏幕可用工作区高度： windowscreenavailHeight 屏幕可用工作区宽度： windowscreenavailWidth 这些JS的一些获取浏览器属性的方法，楼主可根据自己的需要进行选择使用。

Javascript:

网页可见区域宽 document body clientWidth

网页可见区域高 document body clientHeight

网页可见区域宽 document body offsetWidth (包括边线的宽)

网页可见区域高 document body offsetHeight (包括边线的高)

网页正文全文宽 document body scrollWidth

网页正文全文高 document body scrollHeight

网页被卷去的高 document body scrollTop

网页被卷去的左 document body scrollLeft

网页正文部分上 window screenTop

网页正文部分左 window screenLeft

屏幕分辨率的高 window screen height

屏幕分辨率的宽 window screen width

屏幕可用工作区高度 window screen availHeight

屏幕可用工作区宽度 window screen availWidth

JQuery:

$(document) ready(function(){

alert($(window) height()); //浏览器当前窗口可视区域高度

alert($(document) height()); //浏览器当前窗口文档的高度

alert($(document body) height());//浏览器当前窗口文档body的高度

alert($(document body) outerHeight(true));//浏览器当前窗口文档body的总高度 包括border padding margin

alert($(window) width()); //浏览器当前窗口可视区域宽度

alert($(document) width());//浏览器当前窗口文档对象宽度

alert($(document body) width());//浏览器当前窗口文档body的宽度

alert($(document body) outerWidth(true));//浏览器当前窗口文档body的总宽度 包括border padding margin

lishixinzhi/Article/program/Java/JSP/201311/20160

1、js中获取当前屏幕宽度方法如下：

网页可见区域宽： documentbodyclientWidth

网页可见区域高： documentbodyclientHeight

网页可见区域宽： documentbodyoffsetWidth （包括边线的宽）

网页可见区域高： documentbodyoffsetHeight （包括边线的高）

网页正文全文宽： documentbodyscrollWidth

网页正文全文高： documentbodyscrollHeight

网页被卷去的高： documentbodyscrollTop

网页被卷去的左： documentbodyscrollLeft

网页正文部分上： windowscreenTop

网页正文部分左： windowscreenLeft

屏幕分辨率的高： windowscreenheight

屏幕分辨率的宽： windowscreenwidth

屏幕可用工作区高度： windowscreenavailHeight

屏幕可用工作区宽度： windowscreenavailWidth

2、js简介

js，是JavaScript的缩写，是一种直译式脚本语言，一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。

avaScript是的源代码在发往客户端运行之前不需经过编译，而是将文本格式的字符代码发送给浏览器由浏览器解释运行。直译语言的弱点是安全性较差，而且在JavaScript中，如果一条运行不了，那么下面的语言也无法运行。

获取浏览器可见区高度(滚动条宽度以排除)

documentdocumentElementclientHeight

获取浏览器可见区宽度(滚动条宽度以排除)

documentdocumentElementclientWidth

获取文档高度(建议用浏览器可见区域高度)

documentbodyclientHeight

用screen获得的为屏幕分辨率，只有用户在全屏看网页时网页大小才等于屏幕的分辨率

设置body的背景

documentbodystylebackgroundImage=‘地址’

这种方法是比较精确的控制方法，可以根据获取到的相关大小来控制背景

这种方法的好处就是：如果你的同一个背景有很多不同的分辨率，在页面呈现上会更美观

缺点是：必须根据多种不同大小制作多张背景，且调用哪张不易确定

用绝对定位设置背景的方式的好处是：方便代码的书写

绝对定位缺点是：背景要大而清晰，否则在大尺寸屏幕上会出现背景模糊的情况，且若比例与屏幕比例不同（如4:3和16:9），会变形

以上就是关于怎么用js判断屏幕分辨率，完了根据分辨率访问到指定宽度的网站全部的内容，包括:怎么用js判断屏幕分辨率，完了根据分辨率访问到指定宽度的网站、js如何获得屏幕除去右边300px之后的剩余的宽度的呢、JS和jquery获取各种屏幕的宽度和高度等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！