jquery获取html高度，html获取页面高度

如何用jquery实现高度自适应

1、可以用百分比。不过你要先把这几个容器都放到一个大容器里面 然后大容器的高度用js去计算，设定为浏览器窗口的高度，这样父级有了具体的高度，里面的高度使用百分比才有意义。

2、新建一个html文件，命名为test.html，用于讲解jquery怎么设置div高度。在test.html文件内，引入jquery.min.js库文件，成功加载该文件，才能使用jquery中的方法。

3、(div).height(300)；//直接设置元素的高 (div).css(height， 300px)；//通过设置CSS属性来设置元素的高 Jquery是一个优秀的Javascript库，还兼容各种浏览器。

4、（就你这个写法）js实现，加载jquery (function(){ (.back).css(height，$(#main).height())；})不过要加载完才能看到，所以不建议。

5、用JavaScript或者jquery 页面加载完，获取当前浏览器显示区域高度。获取页面中我的相册、div关闭相册的高度。用1获取的值减去2所有的值。

6、设置宽度为100%，列表就可以适应屏幕。同时如果你的头像要保证是正方形，就要使用js计算并动态赋值宽度和高度。

相关问答

Q1: 超出div部分的内容不显示怎么办

1、上面的效果，文字虽然强制没有换行了。只不过还是不太好看，如果想要让文字在p的宽度内强制不换行，超出的内容使用滚动条，就再加上一个样式。

2、解决CSS样式这时我们可以使用CSS overflow样式解决：对应样式overflow：hiddenDiv{overflow：hidden}这样设置后，假如DIV对象设置一定宽度高度，此时加入overflow：hidden将会隐藏超出DIV宽度高度的内容包括图片。

3、为了方便操作，我们使用jquery脚本库，先引入脚本文件。html里有一个div，和一个按钮，按钮是用来触发div高度变化的。按钮事件函数如图，我们先使用jquery的width方法来得到div当前的宽度。

4、另一种方法是修改内容的布局。通过重新组织内容的结构或改变内容的显示方式，可以减少溢出区域的大小。例如，可以采用更紧凑的字体、减小行间距、去除不必要的空白等方法来节省空间。

5、给div设置宽和高，然后加上溢出隐藏（overflow： hidden；）。这样他超出的部分就不会显示了，显示省略号要js控制或者手打。

Q2: 如果用Jquery实现在页面刷新时,让页面滚动到指定高度?

浏览器运行index.html页面，此时刷新页面会自动滑动到指定位置。

首先打开hbuilder编辑器，新建一个HTML文档，里面输入长篇的文字。然后在上方引入jQuery的脚本，编辑js脚本，使用bind方法绑定浏览器的scroll事件，监听网页滚动，之后用scrollTop()获取垂直滚动距离，最后弹出输出的值即可。

jquery获取滚动条高度使用.scrollTop()方法。首先我们新建一个长篇的HTML文档。然后我们编辑JS脚本，使用.scroll()方法，监听网页滚动。然后我们使用.scrollTop()获取垂直滚动距离。

前置条件：div作为盒子限制高度，并设置overflow：auto。

jquery获取html高度的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于html获取页面高度、jquery获取html高度的信息别忘了在本站进行查找喔。