Javascript body onload和window.onload同时加载_Javascript_Onload_Onload Event

Javascript body onload和window.onload同时加载

javascript

Javascript body onload和window.onload同时加载,javascript,onload,onload-event,Javascript,Onload,Onload Event,我可以同时使用body onload和window.onload吗？我用这个代码试过了 <body onload = "alertFirst()"> </body> <script> window.onload = alertSec; </script> window.onload=alertSec；但它不起作用。我只需要有人给我确认一下。非常感谢您可以（通过添加事件处理程序），但不应该同时拥有这两个事件处理程序而是将调用添加到w

我可以同时使用body onload和window.onload吗？我用这个代码试过了

<body onload = "alertFirst()">
</body>
<script>
    window.onload = alertSec;
</script>


window.onload=alertSec；

但它不起作用。我只需要有人给我确认一下。非常感谢

您可以（通过添加事件处理程序），但不应该同时拥有这两个事件处理程序

而是将调用添加到window.onload：

<html>
<head>
<script>
  window.onload = function() {
    alertFirst();
    alertSec();
  }
</script>
</head>

<body>
</body>


window.onload=函数（）{
alertFirst（）；
alertSec（）；
}

如果要使用的一个或多个脚本的主体HTML标记中有事件处理程序，您仍然可以将其移动到javascript代码中。请参见下面的示例：

脚本#1：


函数start（）{
…脚本#1的代码。。。
}

脚本#2：


函数init（）{
…脚本#2的代码。。。
}
window.onload=init；

结果:

<script language="javascript">

function start(){
...code for script #1...
}

function init(){
...code for script #2...
}

window.onload=function(){
start();
init();
}

</script>

<body>


函数start（）{
…脚本#1的代码。。。
}
函数init（）{
…脚本#2的代码。。。
}
window.onload=function（）{
start（）；
init（）；
}

我想这可能对你有帮助。

你的问题的答案是“不”。然而，有办法解决这个问题

将两个调用都添加到一个onload函数是理想的，但是如果您/必须/必须在已经添加一个onload处理程序之后添加一个onload处理程序，并且您没有使用一个框架来实现这一点，那么您可以这样做：

<html>
    <head>
        <script type="text/javascript">
            function alertFirst(){
                alert('First');
            }
            function alertSec(){
                alert('Second');
            }
        </script>
    </head>
    <body onload="alertFirst();">
        content
    </body>
    <script>
        var func = document.body.onload;
        window.onload=function(){
            func();
            alertSec();
        }
    </script>
</html>


函数alertFirst（）{
警报（“第一”）；
}
函数alertSec（）{
警报（“第二”）；
}
所容纳之物
var func=document.body.onload；
window.onload=function（）{
func（）；
alertSec（）；
}

否，

document.body.onload

实际上映射到

window.onload

。当您有

时，您可以检查自己，并在

控制台.log（window.onload）

中，将

a（）

打印到控制台中

您可以做的是让一个onload事件处理程序调用另外两个函数

window.onload = function () {
  a();
  b();
};

或两个事件侦听器

window.addEventListener('load', a, false);
window.addEventListener('load', b, false);

window.onload = function () {
  a();
  b();
};

window.addEventListener('load', a, false);
window.addEventListener('load', b, false);