我需要编写window.onload=function（），Javascript才能工作_Javascript_Function_Window_Onload

我需要编写window.onload=function（），Javascript才能工作

javascript function

我需要编写window.onload=function（），Javascript才能工作,javascript,function,window,onload,Javascript,Function,Window,Onload,我一直在忍受一个荒谬的问题。我需要写信 window.onload=function(){ //Javascript Code } 使javascript正常工作例如，我的以下代码不起作用： <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>JS test</title> <scrip

我一直在忍受一个荒谬的问题。我需要写信

window.onload=function(){ 
//Javascript Code
 }

使javascript正常工作

例如，我的以下代码不起作用：

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">

    <head>
        <title>JS test</title>
        <script type="text/javascript">
      var hours;
      var minutes;
      var seconds;
      var temp;

      function countdown() {
      seconds = document.getElementById('countdown').innerHTML;
      splitt = seconds.split(":");
      hours = parseInt(splitt[0], 10);
      minutes = parseInt(splitt[1], 10);
      seconds = parseInt(splitt[2], 10);

      if (hours == 0 && minutes == 0 && seconds == 0) {
      temp = document.getElementById('countdown');
      temp.innerHTML = "all done, bye bye";
      return;
      }

      if (minutes == 0 && seconds == 0) {
      hours--;
      minutes=60;
      }
      if (seconds == 0) {
      minutes--;
      seconds=60;
      } 
      seconds--;
      temp = document.getElementById('countdown');
      temp.innerHTML = hours+":"+minutes+":"+seconds;
      timeoutMyOswego = setTimeout(countdown, 1000);
      } 

      countdown();
      </script></head>

  <body>

      <div id="countdown">
        47:3:24
      </div>

  </body>
</html>

但这一个是：

我无法理解为什么会发生这种情况，为什么每次我都需要编写window.onload=函数才能让javascript正常工作

谢谢

seconds = document.getElementById('countdown')

在将元素放入DOM之前，无法从DOM中获取元素

脚本在加载正文之前运行

在主体中添加到DOM的任何内容都不会对脚本可用

在文档加载完成后运行脚本可以避免该问题

在将元素放入DOM之前，无法从DOM中获取元素

脚本在加载正文之前运行

在主体中添加到DOM的任何内容都不会对脚本可用

在文档加载完成后运行脚本可以避免该问题

seconds = document.getElementById('countdown')