将浏览器当前窗口宽高显示在页面上, 窗口大小改变时, 也能动态显示
Posted spikeeee
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了将浏览器当前窗口宽高显示在页面上, 窗口大小改变时, 也能动态显示相关的知识,希望对你有一定的参考价值。
<div id="root"></div>
<script>
window.onresize = ()=>{
var getRoot = document.getElementById("root");
getRoot.innerhtml = `Width: ${window.innerWidth}
Height: ${window.innerHeight}`;
}
</script>
以上是关于将浏览器当前窗口宽高显示在页面上, 窗口大小改变时, 也能动态显示的主要内容,如果未能解决你的问题,请参考以下文章
Get Window Size关键字——获取当前页面窗口的大小,会返回窗口的宽和高,先返回宽,再返回高——不需要接收任何参数