<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-widthh, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<span id="show"></span>
<script>
function show() {
var w=window.innerWidth||document.documentElement.clientWidth||document.body.clientWidth;
var h=window.innerHeight||document.documentElement.clientHeight||document.body.clientHeight;
document.getElementById('show').innerHTML='浏览器窗口的宽度为:'+w+" <br/> "+'浏览器窗口的高度为:'+h;
}
show();
window.onresize=function(){show();};
//当窗口改变大小时触发事件resize,调用show();
<
表示浏览器窗口的高度和宽度(不包括工具栏和滚动条)
最新推荐文章于 2021-06-19 02:34:18 发布