window.onload во внешнем скрипте игнорируется в Javascript

index.html

<html>
<head>
<script type="text/javascript" src="foo.js"></script>
<script type="text/javascript">
window.onload = function() {
    console.log("hello from html");
};
</script>
</head>
<body>
<div class="bar">bar</div>
</body>
</html>

foo.js

// this js file will be completely ignored with window.onload
//window.onload = function() {

    console.log("hello from external js");

    var bar = document.getElementsByClassName("bar");

    // this returns 0 instead of 1
    console.log(bar.length);
//};
когдаwindow.onload используется в HTML,window.onload от внешних js будут игнорироваться.когдаwindow.onload от внешнего JS закомментировано,bar.length возвращает 0когдаwindow.onload из html удаляется,window.onload с внешнего js работает нормально.

Может кто-нибудь объяснить, почему я не могу использовать обаwindow.onload?

Если ядолжен был использованиеwindow.onload в html, как определить, загружается ли окно с внешнего js?

Ответы на вопрос(3)

Ваш ответ на вопрос