为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

<!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 回答

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

3 回复 有任何疑惑可以回复我~
#1

WingMeng 提问者

果然如此,非常感谢!
2014-12-08 回复 有任何疑惑可以回复我~
#2

keida

那怎么用可以把另外二个一起写进去啊
2015-01-19 回复 有任何疑惑可以回复我~
#3

keida

var w=document.documentElement.clientHeight; var h=document.documentElement.clientWidth;
2015-01-19 回复 有任何疑惑可以回复我~
#4

keida

var w=window.innerWidth; var h=window.innerHeight; 还有这个2个
2015-01-19 回复 有任何疑惑可以回复我~
#5

东风破

为啥有document.write这句话之后,onresize该事件运行一次之后就会停止
2015-08-27 回复 有任何疑惑可以回复我~
查看2条回复

学习了

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

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

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信