如何在html中同时运行这两个javascript [重复]答案

【问题标题】：How to run these 2 javascripts at the same time in html [duplicate]如何在html中同时运行这两个javascript [重复]
【发布时间】：2015-10-09 14:20:03
【问题描述】：

这是第一位：

<script type='text/javascript'>
        window.onload=function(){
        var strLinks = '';

        for (var i = 1; i <= 23; i++) {
        strLinks += '<li><a><img src="chapter_1/'+ i +'.jpg" alt="" /></a></li>';
    }   

        document.getElementById("pages").innerHTML = strLinks;
    }
    </script>

还有第二点：

<script type='text/javascript'>
    window.onload=function(){
    var strLinks = '';

    for (var i = 1; i <= 5; i++) {
    strLinks += '<option value="http://google.com">link '+ i +'</option>';
}   

    document.getElementById("chapter").innerHTML = strLinks;
}
</script>

第一个基本上会自动添加图像，第二个也会自动添加链接，直到循环结束。但是，当我尝试将这两个放在一起时，第一个根本不会运行。如何让这两个都运行？

【问题讨论】：

欢迎堆栈溢出:)
首先定义window.onload = ....，然后重新定义window.onload=...
您是如何“尝试将这两者放在一起的？”
希望能在这里学到很多东西！
第二部分应该是什么？

标签： javascript html

【解决方案1】：

使用addEventListener 而不是直接分配（和覆盖）属性。

addEventListener('load', myFunction);
addEventListener('load', myOtherFunction);

function myFunction(event) {
  document.body.appendChild(
    document.createTextNode("some text")
  );
}

function myOtherFunction(event) {
  document.body.appendChild(
    document.createTextNode("some other text")
  );
}

【讨论】：

【解决方案2】：

您只能拥有一个 onload 功能。因此，请执行以下操作：

<script type='text/javascript'>
window.onload=function(){
    var strLinks = '';

    for (var i = 1; i <= 23; i++) {
        strLinks += '<li><a><img src="chapter_1/'+ i +'.jpg" alt="" /></a></li>';
    }   

    document.getElementById("pages").innerHTML = strLinks;

    strLinks = '';

    for (var i = 1; i <= 5; i++) {
        strLinks += '<option value="http://google.com">link '+ i +'</option>';
    }   

    document.getElementById("chapter").innerHTML = strLinks;
}
</script>

另外，请删除“23”和“5”等幻数。用于定义这些值的用户变量。

【讨论】：

谢谢！我对此很陌生，所以我还不完全理解其他答案中使用的术语。