<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script type="text/javascript">
<!--
function findDimensions() //函数:获取尺寸
{
var winWidth = 0;
var winHeight = 0;
//获取窗口宽度
if (window.innerWidth){
// console.log(1);
winWidth = window.innerWidth;}
else if ((document.body) && (document.body.clientWidth))
winWidth = document.body.clientWidth;
//获取窗口高度
if (window.innerHeight)
winHeight = window.innerHeight;
else if ((document.body) && (document.body.clientHeight))
winHeight = document.body.clientHeight;
//通过深入Document内部对body进行检测,获取窗口大小
if (document.documentElement && document.documentElement.clientHeight && document.documentElement.clientWidth)
{
winHeight = document.documentElement.clientHeight;
winWidth = document.documentElement.clientWidth;
}
//结果输出至两个文本框
console.log(" w "+winHeight+" h "+winWidth);
console.log();
//alert(winWidth);
}
findDimensions();
//调用函数,获取数值
window.onresize=findDimensions;
//-->
</script>
</body>
</html>
这个方法兼容ie5以上版本
html5 获取页面的宽和高
猜你喜欢
转载自blog.csdn.net/milijiangjun/article/details/81061345
今日推荐
周排行