Question

这是第一位：

<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>

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

Answer 1

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

＆＃13;

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")
  );
}

＆＃13;

Answer 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”等幻数。用户变量来定义这些值。

如何在html中同时运行这两个javascripts

2 个答案: