js怎么取得文本框的宽度与高度

精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth

scrollHeight: 获取对象的滚动高度。

scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离

scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离

scrollWidth:获取对象的滚动宽度

offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度

offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置

offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置

eventclientX 相对文档的水平座标

eventclientY 相对文档的垂直座标

eventoffsetX 相对容器的水平坐标

eventoffsetY 相对容器的垂直坐标

documentdocumentElementscrollTop 垂直方向滚动的值

eventclientX+documentdocumentElementscrollTop 相对文档的水平座标+垂直方向滚动的量

实现代码

< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN"

">

$(window)是jquery 对象， 加height()  也是就是获取窗口高度

同理，如果你想获取某个div的高度可以使用

var divHeight = $("div")height();

/或者/

var divHeight = $("div")[0]offsetHeight;

$("div")是jquery对象，$("div")[0] 或者 $("div")get(0)是dom对象

但是在开发中会有很多坑  这点你得注意

如果 当前的 元素是 隐藏状态 display ： none

那你是无法通过上述方法和获取宽高的  ，所以在开发中如果没有获取到宽高，就要留意上面的代码在执行的时候 该元素是不是在隐藏状态

如果你想把 屏幕的高度 赋值给div

$("div")height(winHeight)

// 或者

$("div")[0]offsetHeight = winHeight

window高度应当是文档所在窗口的可视高度（没有包括浏览器的滚动条），计算方法documentdocumentElementclientHeight

document高度应该为文档内容的高度，计算方法Mathmax(documentbody[ "scrollHeight" ], documentdocumentElement[ "scrollHeight"])

html高度应当为html元素的高度（包括边框滚动条）,计算方法htmlElementoffsetHeight

body高度是body元素的高度（包括边框滚动条），计算方法bodyElementsoffsetHeight;

$(window)scrollTop()和$(document)scrollTop()具有相同的效果，都为返回滚动条的垂直位置,但是$(window)scrollTop()被所有浏览器支持。

$(document)是获取文档对象 

$(window)是获取窗口对象

$('body,html')获取的是文件本身

$(window)scroll和$(window)scrollTop()为0的问题

问题1：$(window)scroll无效问题

如果你的css中：html,body的高度样式如果设置为100%，那么$(window)scroll方法将检测不到正确的滚出高度（0），导致滚动监听事件失效。

解决方法：

设置html,body{height:auto}可以解决。

问题2：$(window)scrollTop()获取值一直为0--------------兼容性问题

是兼容各种浏览器的写法，分别为获取当前的scrollTop和设置scrollTop：

function getScrollTop() {  　                            var scrollTop = documentdocumentElementscrollTop || windowpageYOffset || documentbodyscrollTop;  

return scrollTop;  

}  

function setScrollTop(scroll_top) {  

documentdocumentElementscrollTop = scroll_top;

 windowpageYOffset = scroll_top;  

 documentbodyscrollTop = scroll_top;  

 }  

以上就是关于js怎么取得文本框的宽度与高度全部的内容，包括:js怎么取得文本框的宽度与高度、js 如何获取浏览器的高度、var winHeight=$(window).height();这句话是获取屏幕高度，请问我怎样应用到具体某个div里呢等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！