0

我必须在我的页面上生成两个随机数。我正在使用这个 javascript：

<script>
 window.onload = generateRandomNumber1;
 function generateRandomNumber1(){
     var n = 30;
     var number = Math.floor(Math.random()*n)+1;
     document.getElementById("random1").innerHTML = number;
    }

 window.onload = generateRandomNumber2;
 function generateRandomNumber2(){
     var n = 30;
     var number = Math.floor(Math.random()*n)+1;
     document.getElementById("random2").innerHTML = number;
    }
</script>

只有第二段代码 generateRandomNumber2 有效。两者都单独工作，但只有一个工作时他们在一起。

我确信可能有一些非常基本的解决方案，但我是一个真正的 javascript 新手。

谢谢

4

4 回答 4

1

第二个是覆盖 window.onload 事件。相反，您应该尝试创建一个包装匿名函数来调用这两个函数：

window.onload = function(){
  generateRandomNumber1();
  generateRandomNumber2();
}
于 2013-03-27T19:45:44.137 回答
0

你window.onload用第二个覆盖第一个。

于 2013-03-27T19:45:20.883 回答
0

您正在重新分配 window.onload。让 window.onload 调用另一个调用两个随机数函数的函数。

于 2013-03-27T19:45:31.640 回答
0

你是压倒一切window.onload的，所以只有第二个才会有任何影响。相反，创建一个调用两者的新函数：

window.onload = function() {
    generateRandomNumber1();
    generateRandomNumber2();
};
于 2013-03-27T19:46:38.423 回答