js实时显示屏幕尺寸

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

 

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注