刚开始学习JS，遇到一个小问题求解

HTML代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Blog</title>
<script type="text/javascript" src="scripts/abc.js"></script>
</head>
<body> <div id="box">id</div></body>
</html>
JS代码:
alert(document.getElementById("box").innerHTML);为什么以上代码执行不了，用火狐浏览器运行时候没有弹出窗口，求解

解决方案 »

  1.   

    脚本在执行的时候，页面还没加载，所以找不到id为box的元素
    所以document.getElementById("box")为null，这时候再去null.innerHTML就挂了，
    所以没alert所以要把script放到页面地步，或者改造下代码：
    window.onload = function(){
        alert(document.getElementById("box").innerHTML);
    }
      

  2.   

    <!doctype html>
    <html lang="en">
     <head>
      <meta charset="UTF-8">
      <meta name="Generator" content="EditPlus®">
      <meta name="Author" content="">
      <meta name="Keywords" content="">
      <meta name="Description" content="">
      <title>Document</title>
     </head>
     <body>
      <div id="box">id</div>
     </body>
     <script type="text/javascript">
     alert(document.getElementById("box").innerHTML);
     </script>
    </html>
    有弹出框啊
      

  3.   

    onload或者<script type="text/javascript" src="scripts/abc.js" defer>
      

  4.   

    </body>和</html>中间加上一个<script></script>就好了