快上网专注成都网站设计 成都网站制作 成都网站建设
成都网站建设公司服务热线:028-86922220

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

jquery屏幕的宽度,jq获取屏幕宽度

jquery获取浏览器的宽度和高度怎么做的?为啥$(window).width()不行呢

jq不会出现这样的问题的,检查下代码存放位置是否正确。另外您的jq是什么版本的?另外如果实在取不到那就用这个

创新互联公司-专业网站定制、快速模板网站建设、高性价比扶绥网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式扶绥网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖扶绥地区。费用合理售后完善,十年实体公司更值得信赖。

网页可见区域宽: 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

。。。。

document.body.clientWidth 用这个原生的 比jq快得快

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

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

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

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

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

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

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

jQuery怎么获取浏览器最大化的宽度?

window.screen.width

网页可见区域宽: 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

屏幕缩放因子:window.devicePixelRatio

屏幕逻辑分辨率:window.screen.width * window.devicePixelRatio (缩放因子与物理分辨率的乘积)

JS和jquery获取各种屏幕的宽度和高度

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

})


分享文章:jquery屏幕的宽度,jq获取屏幕宽度
浏览路径:http://6mz.cn/article/dssejsd.html

其他资讯