将浏览器当前窗口宽高显示在页面上, 窗口大小改变时, 也能动态显示

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关键字——获取当前页面窗口的大小,会返回窗口的宽和高,先返回宽,再返回高——不需要接收任何参数

js怎么样控制打开网页窗口的大小

用JS或者jQuery可以监听浏览器窗口的变化吗

Jquery 移动弹出窗口在页面调整大小或滚动时的错误位置重新打开

JS 获取当前浏览器宽高