Js与Jq获取浏览器和对象值的方法_javascript技巧
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.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()
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获取浏览器和对象值的方法,希望对大家有所帮助!
推荐阅读
-
js获取对象,数组所有属性键值(key)和对应值(value)的方法示例
-
js 获取屏幕各种宽高的方法(浏览器兼容)_javascript技巧
-
js获取会话框prompt的返回值的方法_javascript技巧
-
JS 获取span标签中的值的代码 支持ie与firefox_javascript技巧
-
js与jquery实时监听输入框值的oninput与onpropertychange方法_javascript技巧
-
用js小类库获取浏览器的高度和宽度信息_javascript技巧
-
闭包的原理与经典应用场景,访问器属性,类与对象的创建与成员引用,数组与对象的解构过程与经典案例,JS引入到浏览器中的的方法及获取DOM元素的两个API
-
JS获取下拉框显示值和判断单选按钮的方法_javascript技巧
-
javascript获取浏览器类型和版本的方法(js获取浏览器版本)_基础知识
-
用js小类库获取浏览器的高度和宽度信息_javascript技巧