javascript - 横幅加载时的高度和宽度

Question

我正在尝试制作横幅。横幅由宽度和高度的百分比组成。加载主体后，它在所有分辨率下都应该看起来不错。但是，我的代码似乎不起作用。如果有人可以看看它，将不胜感激。

  <script>
    function load()
    {

      document.write("Available Width: " + Math.round((screen.availWidth)/5));

      a=document.getElementById('banner');
      a.style.width=Math.round((screen.availWidth));
      a.style.height=Math.round((screen.availHeight)/5);
    }
  </script>

Answer 1

您需要指定样式属性的单位。

a.style.width = … + 'px';

此外，使用该变量的var语句，以a防止a泄漏到全局范围（如果它不是有意的）。

更新：也尝试删除document.write呼叫。