位置: 编程技术 - 正文
推荐整理分享Js与Jq获取浏览器和对象值的方法(js获取浏览器类型和版本信息),希望有所帮助,仅作参考,欢迎阅读内容。
文章相关热门搜索词:js获取当前浏览器,js获取浏览器url参数,js获取浏览器的cookie,js获取浏览记录,js获取当前浏览器,js获取当前浏览器,js获取当前浏览器,js获取当前浏览器,内容如对您有帮助,希望把文章链接给更多的朋友!
JS and Jquery 都能获取页面元素的宽度,高度和相对位移等数值,那他们之间能相互转换或替代吗,写法又有哪些差异呢?本文将详细为你介绍。
1.Js获取浏览器高度和宽度
document.documentElement.clientWidth ==> 浏览器可见区域宽度 document.documentElement.clientHeight ==> 浏览器可见区域高度 document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高度
Jq获取浏览器高度和宽度
$(window).width() ==> 浏览器可见区域宽度$(window).height() ==> 浏览器可见区域高度 $(document).height() ==> 页面文档的高度$(document.body).height() ==> BODY对象高度
2.Js获取对象的高度和宽度
obj.width = obj.style.widthobj.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 ==> 元素相对于父元素的leftobj.offsettop ==> 元素相对于父元素的topobj.scrollWidth ==> 获取对象的滚动宽度obj.scrollHeight ==> 获取对象的滚动高度 obj.scrollLeft ==> 设置或获取位于对象左端滚动的距离obj.scrollTop ==> 设置或获取位于对象顶端滚动的距离
Jq 获取对象的相对高度和宽度
obj.offset().left ==> 元素相对于文档的leftobj.offset().top ==> 元素相对于文档的topobj.scrollLeft() ==> 设置或返回对象相对滚动条左侧的偏移。obj.scrollTop() ==> 设置或返回对象相对滚动条顶部的偏移。
以上所述是小编给大家介绍的Js与Jq获取浏览器和对象值的方法,希望对大家有所帮助!
悬浮广告方法日常收集整理 1左侧或者右侧的悬浮广告。css样式:*{padding:0;margin:0;}.fl{float:left;display:inline;}.fr{float:right;display:inline;}.clearfix{*zoom:1;}.clearfix:after{display:block;content:"";height
Javascript的表单与验证-非空验证 推荐阅读:Javascript的表单验证长度Javascript的表单验证-提交表单Javascript的表单验证-初识正则表达式Javascript的表单验证-揭开正则表达式的面纱JavaScript可
Javascript的表单验证-提交表单 推荐阅读:Javascript的表单验证长度Javascript的表单验证-初识正则表达式Javascript的表单验证-揭开正则表达式的面纱JavaScript可用来在数据被送往服务器前
标签: js获取浏览器类型和版本信息
本文链接地址:https://www.jiuchutong.com/biancheng/377525.html 转载请保留说明!友情链接: 武汉网站建设