js实时显示屏幕尺寸

kukey-admin • 2024-08-07 • 未分类 
<div id="screenWidthDisplay">屏幕宽度: </div>
<script>
// 函数用于更新屏幕宽度显示
function updateScreenWidth() {
var screenWidthDisplay = document.getElementById('screenWidthDisplay');
// 刷新屏幕宽度显示，而不是追加
screenWidthDisplay.textContent = '屏幕宽度: ' + window.innerWidth + 'px';
}
// 监听窗口resize事件
window.addEventListener('resize', updateScreenWidth);
// 初始化屏幕宽度显示
updateScreenWidth();
</script>

 

版权声明：
作者：kukey-admin
链接：http://kuyour.top/index.php/2024/08/07/js%e5%ae%9e%e6%97%b6%e6%98%be%e7%a4%ba%e5%b1%8f%e5%b9%95%e5%b0%ba%e5%af%b8/
来源：KuKey
文章版权归作者所有，未经允许请勿转载。

THE END
分享
二维码
打赏
海报
js实时显示屏幕尺寸
<div id="screenWidthDisplay">屏幕宽度: </div> <script> // 函数用于更新屏幕宽度显示 function updateScreenWidth() { var screenWi……
<<上一篇
下一篇>>