jquery获取屏幕宽度页面宽度,总是包含了滚动条的宽度

JQuery获取浏览器窗口的可视区域高度和宽度,滚动条高度
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
alert($(document).scrollTop()); //获取滚动条到顶部的垂直高度
alert($(document).scrollLeft()); //获取滚动条到左边的垂直宽度
已投稿到:
以上网友发言只代表其个人观点,不代表新浪网的观点或立场。博客分类:
判断表是否存在
function detect_table(str_in_tablename varchar2) return integer is
select count(*)
into i_l_number
from user_tables
where table_name = upper(str_in_tablename);
return i_l_
判读字段是否存在
博客分类:
Apache服务器本身没有提供Servlet/JSP容器。因此,在实际应用中,把Tomcat和Apache服务器集成,可以建立具有使用价值的商业化的web平台。
在windows XP下Tomcat和Apache服务器集成需要准备以下软件:
1、基于Windows XP的Apache HTTP服务器软件(apache_2.0.63-win32-x86-no_ssl.msi)
2、JK插件(mod_jk.so)
安装Apache服务器
运行apache_2.0.63-win32-x86-no_ssl.ms ...
博客分类:
tomcat服务器通过connector连接器组件与客户端建立连接,connector组件负责接受客户端的请求,以及将tomcat服务器的响应消息发送给客户端,默认情况下,tomcat在server.xml中配置了两种连接器:
&!--Define a non-SSL HTTP/1.1 connector on port 8080--&
&Connector port=&8080& protocol=&HTTP/1.1& connectionTimeout=&20000& redirectPort=&8443 ...
博客分类:
alert($(window).height()); //浏览器时下窗口可视区域高度
alert($(document).height()); //浏览器时下窗口文档的高度
alert($(document.body).height());//浏览器时下窗口文档body的高度
alert($(document.body).outerHeight(true));//浏览器时下窗口文档body的总高度 包括border padding margin
alert($(window).width()); //浏览器时下窗口可视区域宽度
博客分类:
win xp 主题包
博客分类:
1 、常见的手机浏览器
opera mini
Android webkit
Blackberry
QQ 手机浏览器
2 、手机屏幕分辫率
现在手机常用的分辫率有: 128*160 、 176*220 、 240*320 。
128*160 多用在低档的手机。
中档的手机一般分辨率为 176*220 。
中高档手机分辨率多为: 240*320 。
现在最高的分辨率达到了 480*640
很多wap 页面用了固定宽度,这里不建议采用这种方法
固定宽度有很多兼容问题, ...
博客分类:
&!DOCTYPE HTML PUBLIC &-//W3C//DTD HTML 4.01 Transitional//EN& &http://www.w3.org/TR/html4/loose.dtd&&
&title&&/title&
&!-- 样式 --&
&style type=&text/css&&
/* div的 position 为 absolute 就都取绝对定位,所有的div就会叠在 ...
博客分类:
&script type=&text/javascript&&&/script& Eclipse虚拟内存设置
1, 设置Eclipse内存使用情况
修改eclipse根目录下的eclipse.ini文件
-vmargs //虚拟机设置
-XX:PermSize=128M //非堆内存设置
-XX:MaxPermSize=256M
-vmargs -Xms128M -Xmx512M -XX:PermSize=256M -XX: ...
博客分类:
1对于全部是in 类型的参数过程,采用下面的方法调用(ibatis版本是2.3) 比如过程:     Procedure Flashback_Op(v_table_owner Varchar2,v_table_name Varchar2,v_FlashbackScn   Number,v_xid Varchar2,v_dbid number); 调用方法:   &parameterMap id=&tableDml_recycle& class=&java.util.Map&&
&parameter property=&qu ...
博客分类:
附件中各个数据库连接池,学习笔记示例
浏览: 8124 次
来自: 南京
(window.slotbydup=window.slotbydup || []).push({
id: '4773203',
container: s,
size: '200,200',
display: 'inlay-fix'公告:由于博客https升级,原博客引用http链接失效,预览及部分图片效果请查看源代码!
js利用offsetWidth和clientWidth来计算滚动条的宽度
21150次浏览
大家好,十一小长假结束了。。相信大家玩的都很开心,还没有尽兴!好多网友期盼祖国母亲再过一次农历生日呢!!!哈哈哈哈!言归正传,今天我主要介绍一个计算滚动条宽度的例子。
其实,很多情况下滚动条宽度是不用计算的,特别是谷歌浏览器,可以对滚动条进行美化,具体请看
这里例子,已经定义了滚动条的宽度是9px加上padding-left的一个像素,所以滚动条的宽度应该是10px,但是,这样计算出来有浏览器兼容问题,你的IE浏览器的滚动条宽度不一定是10px,今天,我用offsetWidth和clientWidth来计算一下滚动条的宽度。
在PC浏览器中,滚动条是占位元素的内边距和内容区域的;而在移动浏览器中,滚动条是不占用内边距和内容区域,并且还及时显隐。因此,只需要在在PC浏览器中计算滚动条的宽度,尤其是在全屏弹窗不可滚动的情况中。
offsetWidth-clientWidth方法
说到offsetWidth和clientWidth,不少朋友迷茫了,这个宽度是什么意思呢? 这篇文章洪有关javascript的各种高度,介绍了offsetWidth和clientWidth等等的意思,大家可以看看!!
function getScrollbarWidth() {
var oP = document.createElement('p'),
styles = {
width: '100px',
height: '100px',
overflowY: 'scroll'
}, i, scrollbarW
for (i in styles) oP.style[i] = styles[i];
document.body.appendChild(oP);
scrollbarWidth = oP.offsetWidth - oP.clientW
oP.remove();
return scrollbarW
console.dir(getScrollbarWidth());
就可以输出滚动条的宽度了,大家可以试一试啊!
clientWidth-clientWidth方法
这个方法和上面的方法差不多!
function getScrollbarWidth() {
var oP = document.createElement('p'),
styles = {
width: '100px',
height: '100px'
}, i, clientWidth1, clientWidth2, scrollbarW
for (i in styles) oP.style[i] = styles[i];
document.body.appendChild(oP);
clientWidth1 = oP.clientW
oP.style.overflowY = 'scroll';
clientWidth2 = oP.clientW
scrollbarWidth = clientWidth1 - clientWidth2;
oP.remove();
return scrollbarW
使用方法一样!
console.dir(getScrollbarWidth());
只是介绍了一个计算滚动条的方法,大家在用到的时候可以参考一下,希望对您有帮助!
相关文章:
关键词搜索清除回答草稿
&&&您需要以后才能回答,未注册用户请先。个回答下面是一个通用的JS,它应该在大多数浏览器(FF、Cr、IE6+)中工作:var viewportH
var viewportW
if (document.compatMode === 'BackCompat') {
viewportHeight = document.body.clientH
viewportWidth = document.body.clientW
viewportHeight = document.documentElement.clientH
viewportWidth = document.documentElement.clientW
}$(window).height();
$(window).width();然而,使用jQuery并不是获取这些值的必要条件。使用document.body.clientH
document.body.clientW若要获得不包括滚动条的大小:window.innerH
window.innerW获得整个视图,包括滚动条:document.body.clientHeight &= window.innerH
// is always true扫描二维码扫描关注云+社区

我要回帖

更多关于 jquery获取屏幕宽度 的文章

 

随机推荐