javascript - 在 html 中显示视口值并实时更新

Question

我的页面上有一个<p>元素，我希望它包含视口值，我可以使用它：

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

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

Answer 1

您必须将该功能附加到窗口的调整大小事件。

检查这个。

Answer 2

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

            window.onresize = resize;

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