js如何不用body里的onload事件实现页面加载自动调用该方法

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript">
        function test() {
            alert("haha");
        }
        test();
    </script>
</head>
<body>
<p>test方法是不需要页面完全加载完毕调用方法,还是需要加载完毕调用方法</p>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript">
        function test() {
            alert("haha");
        }
    </script>
</head>
<body onload="test()">
<p>test方法是不需要页面完全加载完毕调用方法,还是需要加载完毕调用方法</p>
</body>
</html>
test方法是不需要页面完全加载完毕调用方法,还是需要加载完毕调用方法

解决方案 »

  1.   

    你的例子中test在页面未加载完毕就会弹出了！！！
      

  2.   

    你题目问的问题，方法：
    把代码放到  <html>
    <body>
    ...
    <script>
    你的代码写在这里。
    </script>
    </body>
    </html>
      

  3.   

    你第一个都没调用onload事件，onload当然是页面加载完执行
      

  4.   

    还有一个方法<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title></title>
        <script type="text/javascript">
            function test() {
                alert("haha");
            }
            setTimeout(function(){test();}, 0}
        </script>
    </head>
    <body>
    <p>test方法是不需要页面完全加载完毕调用方法,还是需要加载完毕调用方法</p>
    </body>
    </html>
      

  5.   

    第一个是顺序执行，没有加载完成就会执行，你这个时候获得也没元素<input>什么的，是获得不到的，还木有加载。第二个是加载完body后就会执行，可以获得页面元素。
      

  6.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title></title>
     
    </head>
    <body>
    <p>test方法是不需要页面完全加载完毕调用方法,还是需要加载完毕调用方法</p>
    </body>
       <script type="text/javascript">
            function test() {
                alert("haha");
            }
           test();
        </script>
    </html>