一天JavaScript示例-判定web页面的区域

转载于 2015-10-23 16:42:00 发布 · 82 阅读

文章标签：

本文介绍了一个JavaScript函数，用于确定当前web页面的视口尺寸，包括宽度和高度。

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>每天一个JavaScript实例-确定web页面的区域</title>
<script>
function size(){
	var width = 0;
	var height = 0;
	if(!window.innerWidth){
		width = (document.documentElement.clientWidth ? document.documentElement.clientWidth:document.body.clientWidth);
		height = (document.documentElement.clientHeight ? document.documentElement.clientHeight:document.body.clientHeight);
	}else{
		width = window.innerWidth;
		height = window.innerHeight;
	}
	return {width:width,height:height};
}
window.onload = function(){
	var viewPort = size();
	var w = viewPort.width;
	var h = viewPort.height;
	console.log(w);
	console.log(h);
}
</script>
</head>

<body>

<div id = "date">
</div>

</body>
</html>