jsp 计算页面高度 怎么重置页面属性
时间: 2023-08-10 09:21:53 浏览: 73
在JSP中,你可以通过JavaScript来计算页面高度并重置页面属性。具体的实现步骤如下:
1. 在JSP中引入JavaScript文件:
```html
<script type="text/javascript" src="yourScript.js"></script>
```
2. 在JavaScript文件中编写计算页面高度和重置页面属性的代码:
```javascript
// 计算页面高度
function calculatePageHeight() {
var body = document.body,
html = document.documentElement;
var height = Math.max(body.scrollHeight, body.offsetHeight, html.clientHeight, html.scrollHeight, html.offsetHeight);
return height;
}
// 重置页面属性
function resetPageProperties() {
var pageWrapper = document.getElementById("page-wrapper");
pageWrapper.style.height = calculatePageHeight() + "px";
}
// 监听窗口大小变化事件
window.addEventListener("resize", function() {
resetPageProperties();
});
// 页面加载完成后重置页面属性
window.addEventListener("load", function() {
resetPageProperties();
});
```
3. 在JSP页面中创建一个页面容器元素,并将其ID设置为`page-wrapper`:
```html
<div id="page-wrapper">
<!-- 页面内容 -->
</div>
```
4. 在页面加载完成后,调用`resetPageProperties`函数来计算页面高度并重置页面属性。
这样,当页面内容发生变化或窗口大小发生改变时,页面高度会自动调整,并且在页面加载完成后,页面高度会自动适应屏幕大小。