jquery如何获取屏幕宽度的一半

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

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

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

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

然后把获得总宽度除于2就行了

var kuan=$(window)width()/2;

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

strInfo+=\r\n网页可见区域高:+documentbodyclientHeight;

strInfo+=\r\n网页可见区域宽:+documentbodyoffsetWidth+(包括边线的宽);

strInfo+=\r\n网页可见区域高:+documentbodyoffsetHeight+(包括边线的高);

strInfo+=\r\n网页正文全文宽:+documentbodyscrollWidth;

strInfo+=\r\n网页正文全文高:+documentbodyscrollHeight;

strInfo+=\r\n网页被卷去的高:+documentbodyscrollTop;

strInfo+=\r\n网页被卷去的左:+documentbodyscrollLeft;

strInfo+=\r\n网页正文部分上:+windowscreenTop;

strInfo+=\r\n网页正文部分左:+windowscreenLeft;

strInfo+=\r\n屏幕分辨率的高:+windowscreenheight;

strInfo+=\r\n屏幕分辨率的宽:+windowscreenwidth;

strInfo+=\r\n屏幕可用工作区高度:+windowscreenavailHeight;

strInfo+=\r\n屏幕可用工作区宽度:+windowscreenavailWidth;

windowconfirm(strInfo);

</script

-----------------------------------------------------------------------------------------

最近编程中发现html静态页面的开发可以使用

documentbodyClientHeight

来获得页面的高度，但aspnet的页面却无法这样获取，获取到的只是页面最小的高度，比如页面只有一个button，那么该js语句获得的就是24。

documentdocumentElementOffsetHeight

----------------------------------------------------------------------------------------加上documentbodyscrollLeft;

documentbodyscrollTop;

x=documentbodyclientWidth+documentbodyscrollLeft;

y=documentbodyclientHeight+documentbodyscrollTop;若想得到整个页面的高度可以用

获取可视区域的尺寸

为了方便可以自己封装一个 返回可视区宽度和高度的函数。

clientWidth 返回的是 可视区 大小 浏览器内部的大小

windowscreenwidth 返回的是我们电脑的 分辨率 跟浏览器没有关系

一般来说在移动浏览器上是拿不到屏幕真实分辨率的，因为页面渲染是在一个叫viewport的页面绘制区域内（说的通俗点就是手机浏览器是用一个虚拟的屏幕来显示网页的）。viewport和屏幕的真实尺寸并不是对应的，如在Safari Mobile中viewport默认宽度（320px）是屏幕真实尺寸（640px）的一半，这里不管是用windowinnerHeight还是windowscreenwidth拿到的都是320px。当然我们可以通过meta设置改变viewport的比例，如initial-scale=5就可以让viewport和屏幕一致的尺寸，但这个比例在不同的手机上并不一定是2倍关系，特别是Android手机，在大屏手机（5寸以上）上这个值是3倍甚至4倍。而且改变viewport比例后可能会导致后续制作中出现一系列问题。所以我认为不要纠结一定要拿到屏幕真实尺寸，就把viewport的尺寸当成屏幕的尺寸进行页面设计和制作肯定是没有问题的。

有一个非常曲线的解决办法，就是：css的媒体查询（@media）是能够检测屏幕尺寸（其实是浏览器窗体的真实尺寸，并不是屏幕的真实物理尺寸，介意的朋友就不要看了）的，通过它来给网页内的某个元素设置一个特殊的属性，然后再用JavaScript来获取这个属性值。当然这样只能获得一个阶梯值（比如480px到540px之间、540px到600px之间等等），不是精确值，所以可能得不偿失，因此我是不推荐的。

javascript获取元素的高度：

var obj = documentgetElementById("test");

alert(objheight + "\n" + objwidth);

// 200px 200px typeof=string只是将style属性中的值显示出来

扩展：

获取元素的实际大小

clientWidth和clientHeight

这组属性可以获取元素可视区的大小，可以得到元素内容及内边距所占据的空间大小。返回了元素大小，但没有单位，默认单位是px，如果你强行设置了单位，比如100em之类，它还是会返回px的大小。(CSS获取的话，是照着你设置的样式获取)。对于元素的实际大小，clientWidth和clientHeight理解方式如下：

a 增加边框，无变化；

b 增加外边距，无变化；

c 增加滚动条，最终值等于原本大小减去滚动条的大小；

d 增加内边距，最终值等于原本大小加上内边距的大小；

您好，我来为您解答： windowdocumentbodyclientHeight就可以 windowscreenavailWidth 返回当前屏幕宽度(空白空间) windowscreenavailHeight 返回当前屏幕高度(空白空间) windowscreenwidth 返回当前屏幕宽度(分辨率值) windowscreenheight 返回当前屏幕高度(分辨率值) windowdocumentbodyoffsetHeight; 返回当前网页高度 windowdocumentbodyoffsetWidth; 返回当前网页宽度 转载，仅供参考。 如果我的回答没能帮助您，请继续追问。

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

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

alert($(documentbody)height());//浏览器时下窗口文档body的高度

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

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

alert($(document)width());//浏览器时下窗口文档对于象宽度

alert($(documentbody)width());//浏览器时下窗口文档body的高度

alert($(documentbody)outerWidth(true));

以上就是关于jquery如何获取屏幕宽度的一半全部的内容，包括:jquery如何获取屏幕宽度的一半、js如何获得屏幕除去右边300px之后的剩余的宽度的呢、javascript如何获取页面的高度和宽度等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！