想增加一个功能：窗口改变时重新获取窗口大小-慕课网

想增加一个功能：窗口改变时重新获取窗口大小

来源：9-18 浏览器窗口可视区域大小

WingMeng

2014-12-06 22:18

当窗口改变时，重新获取窗口的大小并显示出来，我的代码为什么只能获取到窗口第一次改变后的值，之后再改变窗口大小，这个值不变了？

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body>
<script type="text/javascript">
function Size(){
    var Wt = document.documentElement.clientWidth || document.body.clientWeight;
    var Ht = document.documentElement.clientHeight || document.body.clientHeight;
    document.write("浏览器当前窗口大小为：" + Wt +"px&times;" + Ht + "px");
}
Size(); 
// 当前窗口调整尺寸时重新获取尺寸
window.onresize = function(){
    Size();
}
</script>
</body>
</html>

写回答关注

2回答

偌颜宁

2014-12-08 14:14:49

已采纳

把11行代码改document.body.innerHTML="浏览器当前窗口大小为：" + Wt +"px×" + Ht + "px";这个试试，当有 document.write这句话之后，onresize该事件运行一次之后就会停止

5 3

东风破

为啥有document.write这句话之后，onresize该事件运行一次之后就会停止

2015-08-27 14:20:03

共 5 条回复 >
loszer

2015-01-26 20:09:30

学习了

0 0

JavaScript进阶篇

本课程从如何插入JS代码开始，带您进入网页动态交互世界

468061 学习 · 21891 问题

查看课程

相似问题

@WingMeng的问题“想增加一个功能：窗口改变时重新获取窗口大小”引申出来的疑惑。

回答 2

回答 3

回答 1

回答 2

回答 1