![\"\"](\"/images/csdn/154496647515LX4CW4966475.png\")
demo:
<!DOCTYPE html>
<html lang=\"en\">
<head>
< charset=\"UTF-8\">
< name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">
< http-equiv=\"X-UA-Compatible\" content=\"ie=edge\">
< > </ >
</head>
<body>
<div>
我是页面的内容
</div>
< src=\"https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js\"></ >
< >
window. = function(){
console.log(\'页面加载完毕\')
watchChangeSize();
}
window. =function(){
console.log(\'监听变化\')
watchChangeSize();
}
function watchChangeSize (){
//可视区的宽/高(DOM)
//offsetHeight（带边框）和clientHeight（不带边框）区别参考上一篇文章
var offsetWid = document.documentElement.clientWidth;
var offsetHei = document.documentElement.clientHeight;
console.log(offsetWid);
console.log(offsetHei);
}
</ >
</body>
</html>
继续阅读与本文标签相同的文章
上一篇 :
Go Web基础
-
汇编（四）字的存储、DS和[address]、字的传送、mov、add、sub指令、数据段
2026-05-19栏目： 教程
-
elasticsearch之索引管理API(Index management)
2026-05-19栏目： 教程
-
简单介绍几种Java后台开发常用框架组合
2026-05-19栏目： 教程
-
<丰田发布了LQ EV概念车>。丰田全新的概念车配备了AI代理和自动驾驶功能，这是丰田美国公司研究员开发的，首次的公开亮相将在本月23日。在2017年CES消费车展上丰田曾展示了 Concept-Ai i概念车
2026-05-19栏目： 教程
-
Sysweld笔记：利用稳态算法加速算法模拟焊接过程的残余应力
2026-05-19栏目： 教程