Javascript 在html中显示视口值，并在更改时进行实时更新

我在页面的某个地方有一个

元素，我希望它包含视口值，我可以通过以下方式获得该值：

<p>
  <script>
    document.write($(this).width());
  </script>
</p>

document.write（$（this.width（））；

---

但它“静态地”显示它。当我调整浏览器视口的大小时，如何使该值动态更新（显示实时实际值）？

您必须将该函数附加到窗口的调整大小事件

---

检查。

好吧，也许它会有用，用下面的代码完成，不是舒尔，它是最好的解决方案，但它可以工作！也许有人可以改进它或提出另一种更简单的方法

            window.onresize = resize;

            function resize() {
                var viewPort = $(window).width();
                $("#window").text(viewPort);
            }