使用实时更新on-change在html中显示视口值

Question

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

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

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

Answer 1

您必须将该功能附加到窗口的resize事件。

检查this。

Answer 2

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

            window.onresize = resize;

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