Question

我必须在我的页面上生成两个随机数。我正在使用这个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的真正新手。

由于

Answer 1

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

window.onload = function(){
  generateRandomNumber1();
  generateRandomNumber2();
}

Answer 2

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

Answer 3

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

Answer 4

您正在覆盖window.onload，因此只有第二个会产生任何影响。相反，创建一个调用两者的新函数：

window.onload = function() {
    generateRandomNumber1();
    generateRandomNumber2();
};

在一个页面上两个几乎相同的javascript，只有一个工作

4 个答案: