顯示視窗值實時更新的變化

Question

我有一個<p>元素的地方我的網頁上，我希望它包含視值，我可以得到：

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

但它顯示它「靜態」。如何在調整瀏覽器視口大小時動態更新此值（顯示實時實際值）？

Answer 1

好吧，也許這將是有用的，用下面的代碼完成它，而不是舒爾這是最好的解決方案，但它的工程！也許有人可以改進它，或者建議另一種更簡單的方法。

  window.onresize = resize; 

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

Answer 2

您必須將功能附加到窗口的resize事件。

檢查this。