Question

此代码应生成一个显示随机数的页面。为什么不起作用？

<html>
    <head>
        <script type="text/javascript">
            window.onload = generateRandomNumber();
function generateRandomNumber()
{
    var n = 25;
    var number = Math.floor(Math.random()*n)+1;
    document.getElementById("randomNumber").value = number;
}
</script>
    </head>
    <body>
        <h1>
            Random number generated = <h1 id="randomNumber"></h1>
        </h1>
    </body>
</html>

Answer 1

利用window.onload。试试这个

<head>
     <script type="text/javascript">
        window.onload = function(){
             var n = 25;
             var number = Math.floor(Math.random()*n)+1;
             document.getElementById("randomNumber").innerHTML = number;
        };
     </script>
 </head>

小提琴：http://jsfiddle.net/yyAf8/

根据更新的问题进行编辑：

<head>
   <script type="text/javascript">
     window.onload = generateRandomNumber;
     function generateRandomNumber(){
         var n = 25;
         var number = Math.floor(Math.random()*n)+1;
         document.getElementById("randomNumber").innerHTML = number;
        }
  </script>
</head>

小提琴：http://jsfiddle.net/yyAf8/1/

OP按需上传快照：

enter image description here

Answer 2

因为在您的脚本中，您使用的是尚未定义的元素。将脚本放在元素之后。

演示：http://jsbin.com/upihez/2

使用Javascript动态显示数字

2 个答案: