Js与Jq获取浏览器和对象值办法【javascript】

web前端|js教程 Js与Jq获取浏览器和对象值办法【javascript】

js获取浏览器值,jq获取对象值

web前端-js教程

JS and Jquery 都能获取页面元素的宽度，高度和相对位移等数值，那他们之间能相互转换或替代吗，写法又有哪些差异呢？本文将详细为你介绍。

pigcms小猪微信平台源码,ubuntu查看系统空间,公众号爬虫下载,php高级工程师是什么,潜江seo排名lzw

1.Js获取浏览器高度和宽度

会员网站源码,vscode代码发布失败,ubuntu粘帖,tomcat启动如何访问,突破反爬虫限制的爬虫技术,末日帝国 php,九江seo优化方法,影视网站模板源码带采集,ecshop 外贸模板lzw

document.documentElement.clientWidth ==> 浏览器可见区域宽度
document.documentElement.clientHeight ==> 浏览器可见区域高度
document.body.clientWidth ==> BODY对象宽度
document.body.clientHeight ==> BODY对象高度

sms 源码,ubuntu下载c语言,scrapy框架爬虫招聘,php源码加密php扩展,韩国seo younglzw

Jq获取浏览器高度和宽度

$(window).width() ==> 浏览器可见区域宽度
$(window).height() ==> 浏览器可见区域高度
$(document).height() ==> 页面文档的高度
$(document.body).height() ==> BODY对象高度

2.Js获取对象的高度和宽度

obj.width = obj.style.width
obj.clientWidth = width + padding ==> 获得包括内边界（padding）的元素宽度
obj.offsetHeight = height + padding + border ==> 获得包括内边界(padding)和边框(border)的元素高度

Jq获取对象的高度和宽度

obj.innerWidth() ==> 获得包括内边界（padding）的元素宽度，
obj.outerWidth() ==> 获得包括内边界(padding)和边框(border)的元素宽度
obj.outerWidth(true) ==> 获得包括外边界(margin)的元素宽度

w同一个元素应该是：width()<=innerWidth()<=outerWidth()<=outerWidth(true);

3.Js 获取对象的相对高度和宽度

obj.offsetLeft ==> 元素相对于父元素的left
obj.offsettop ==> 元素相对于父元素的top
obj.scrollWidth ==> 获取对象的滚动宽度
obj.scrollHeight ==> 获取对象的滚动高度
obj.scrollLeft ==> 设置或获取位于对象左端滚动的距离
obj.scrollTop ==> 设置或获取位于对象顶端滚动的距离

Jq 获取对象的相对高度和宽度

obj.offset().left ==> 元素相对于文档的left
obj.offset().top ==> 元素相对于文档的top
obj.scrollLeft() ==> 设置或返回对象相对滚动条左侧的偏移。
obj.scrollTop() ==> 设置或返回对象相对滚动条顶部的偏移。

以上所述是小编给大家介绍的Js与Jq获取浏览器和对象值的方法，希望对大家有所帮助！

jq获取对象值 js获取浏览器值