jquery获取div（带滑动条）内容的实际高度_框架

这个jquery应该可以娶到的。给你一个实例，注意自己添加jquery文件哈

$(function(){

$("#adds")click(function(){

$("#xx")append("<h2>添加内容</h2>");

});

$("#geth")click(function(){

vh=$("#xx")height();

$("#xx")prepend("<h2>我的高度为："+vh+"</h2>")

});

</script>

sdfsdfs

sdfsdf

</div>

<a href="javascript:;" id="adds">点击给XX里面添加内容</a>

<a href="javascript:;" id="geth">点击获取xx的高度</a>

Jquery可以用height(),来获取DOM元素的高。示例如下：

("#父窗口元素ID" window parent document); 对应javascript版本为window parent document getElementByIdx_x("父窗口元素ID") 取父窗口的元素方法 $(selector window parent document); 那么你取父窗口的父窗口的元素就可以用 $(selector window parent parent document); 类似的取其它窗口的方法大同小异 $(selector window top document); $(selector window opener document); $(selector window top frames[ ] document); 子窗口创建及父窗口与子窗口之间通信 Javascriptd出子窗口 可以通过多种方式实现下面介绍几种方法 ( ) 通过window对象的open()方法 open()方法将会产生一个新的window窗口对象其用法为 window open(URL windowName parameters); URL: 描述要打开的窗口的URL地址如何为空则不打开任何网页 windowName:描述被打开的窗口的民称可以使用 _top _blank 等内建名称这里的名称跟<a href=" " target=" ">里的target属性是一样的 parameters:描述被打开的窗口的参数值或者说是样貌其包括窗口的各个属性值及要传入的参数值例如打开一个 x 的干净的窗口 open( _blank width= height= menubar=no toolbar=no location=no directories=no status=no scrollbars=yes resizable=yes ) 也可以这样写 var newWindow = open( _blank );

参数说明如下 top=# 窗口顶部离开屏幕顶部的像素数 left=# 窗口左端离开屏幕左端的像素数 width=# 窗口的宽度 height=# 窗口的高度 menubar= 窗口有没有菜单取值yes或no toolbar= 窗口有没有工具条取值yes或no location= 窗口有没有地址栏取值yes或no directories= 窗口有没有连接区取值yes或no scrollbars= 窗口有没有滚动条取值yes或no status= 窗口有没有状态栏取值yes或no resizable= 窗口给不给调整大小取值yes或no

( ) 在javascript中除了通过open()方法建立window对象实现d出窗口外还可以通过建立对话框的方式d出窗口如 alert(""); //d出信息提示对话框 confirm(""); //d出信息确认对话框 prompt(""); //具有交互性质的对话框但是上述实现的d出窗口具有的功能较为单一只能完成较为简单的功能对于需要在对话框中显示多个数据信息甚至是HTML控件就无能为力了

( ) 使用模态对话框实现复杂的对话框需求 在javascript的内建方法中还有一类方法可以实现通过对话框显示HTML内容也就是说可以通过创建对话框的方式来完成创建窗口对象所能完成的功能包括创建模态对话框和非模态对话框两种

实现方法为 //创建模态你对话框 window showModalDialog(sURL vArguments sFeatures) //创建非模态对话框 window showModelessDialog(sURL vArguments sFeatures)

其区别在于 用showModelessDialog()打开窗口时不必用window close()去关闭它当以非模态方式［IE ］打开时打开对话框的窗口仍可以进行其他的 *** 作即对话框不总是最上面的焦点当打开它的窗口URL改变时它自动关闭而模态［IE ］方式的对话框始终有焦点（焦点不可移走直到它关闭）模态对话框和打开它的窗口相联系因此我们打开另外的窗口时他们的链接关系依然保存并且隐藏在活动窗口的下面 showModeDialog()则不然

参数说明 sURL 必选参数类型字符串用来指定对话框要显示的文档的URL vArguments 可选参数类型变体用来向对话框传递参数传递的参数类型不限包括数组等对话框通过window dialogArguments来取得传递进来的参数 sFeatures 选参数类型字符串用来描述对话框的外观等信息可以使用以下的一个或几个用分号“;”隔开 dialogHeight 对话框高度不小于 px IE 中dialogHeight和dialogWidth 默认的单位是em 而IE 中是px 为方便其见在定义modal方式的对话框时用px做单位 dialogWidth: 对话框宽度 dialogLeft: 距离桌面左的距离 dialogTop: 离桌面上的距离 center: 窗口是否居中默认yes 但仍可以指定高度和宽度取值范围{yes | no | | } help: 是否显示帮助按钮默认yes 取值范围 {yes | no | | } resizable: 是否可被改变大小默认no 取值范围 {yes | no | | } ［IE +］ status: 是否显示状态栏默认为yes[ Modeless]或no[Modal] 取值范围{yes | no | | } ［IE +］ scroll:指明对话框是否显示滚动条默认为yes 取值范围{ yes | no | | | on | off } 还有几个属性是用在HTA中的在一般的网页中一般不使用 dialogHide:在打印或者打印预览时对话框是否隐藏默认为no 取值范围{ yes | no | | | on | off } edge:指明对话框的边框样式默认为raised 取值范围{ sunken | raised } unadorned:默认为no 取值范围{ yes | no | | | on | off }

lishixinzhi/Article/program/Java/JSP/201311/20651

jquery代码如下：$("div")scrollTop()

scrollTop()方法介绍：

scrollTop()方法用于返回或设置匹配元素的滚动条的垂直位置。

小案例：

<!doctype html>

<head>

<title>获取滚动条离顶部的高度</title>

div{

width: 200px;

height: 200px;

overflow: scroll;

}

</style>

</head>

<body>

<div>

获取滚动条离顶部的高度<br />

</div>

$(document)ready(function(){

$("btn")click(function(){

alert($("div")scrollTop());

});

</script>

<button class="btn">获得当前滚动条的偏移量</button>

</body>

</html>

案例截图：

以上就是关于jquery获取div（带滑动条）内容的实际高度全部的内容，包括:jquery获取div（带滑动条）内容的实际高度、jquery如何获取DIV包含滚动条在内的高度、解析jquery获取父窗口的元素等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！

欢迎分享，转载请注明来源：内存溢出

原文地址:https://54852.com/web/9656812.html

jquery获取div（带滑动条）内容的实际高度

发表评论

评论列表（0条）