1、JavaScript获取页面高度
- 网页可见区域宽:document.body.clientWidth
- 网页可见区域高:document.body.clientHeight
- 网页可见区域宽:document.body.offsetWidth(包括边线的宽)
- 网页可见区域高:document.body.offsetHeight(包括边线的宽)
- 网页正文全文宽:document.body.scrollWidth
- 网页正文全文高:document.body.scrollHeight
- 网页被卷去的高:document.body.scrollTop(IE7无效)
- 网页被卷去的左:document.body.scrollLeft(IE7无效)
- 网页被卷去的高:document.documentElement.scrollTop(IE7有效)
- 网页被卷去的左:document.documentElement.scrollLeft(IE7有效)
- 网页正文部分上:window.screenTop
- 网页正文部分左:window.screenLeft
- 屏幕分辨率的高:window.screen.height
- 屏幕分辨率的宽:window.screen.width
- 屏幕可用工作区高度:window.screen.availHeight
- 屏幕可用工作区宽度:window.screen.availWidth - 相对于窗口左上角的X:window.event.clientX
- 相对于窗口左上角的Y:window.event.clientY
- 相对于整个页面的X:window.event.X 相对于整个页面的Y:window.event.Y
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<!-- 就是把百度这个链接放进去就好了,然后我没做屏幕自适应高度 -->
<iframe id="divContent" border= "0" vspace= "0" hspace= "0" marginwidth= "0" marginheight= "0"
framespacing= "0" frameborder= "0" scrolling= "no" width= "100%"
src= "https://www.baidu.com/s">
</iframe>
</body>
</html>
<script type="text/javascript">
window.onload = windowHeight; //页面载入完毕执行函数
function windowHeight() {
var h = document.documentElement.clientHeight; //获取当前窗口可视操作区域高度
var bodyHeight = document.getElementById("divContent"); //寻找ID为content的对象
bodyHeight.style.height = (h - 25) + "px"; //你想要自适应高度的对象
}
setInterval(windowHeight, 500)//每半秒执行一次windowHeight函数
</script>
<style>
</style>
效果: