Question

我有一个非常简单的Javascript函数（我没有使用jQuery），该函数使用html标签在<script>中有效，但在我将其放在单独的.js文件中。我知道我做错了，这可能只是一个简单的解决方法，但我无法弄清楚。有什么帮助吗？非常感谢你！

这是我的js：

function create() {
  var htmlElements = "";
  for (var i = 0; i < 5; i++) {
    htmlElements += '<div class="box">' + i + '</div>';
  }

  var container = document.getElementById("box");
  container.innerHTML = htmlElements;
}

和html：

 <head>
      <script src="main.js"></script>
 </head>
 <body>
      <div id="box">
      <script>create();</script>
    </div>
 </body>

jsfiddle：http://jsfiddle.net/p5hzA/129/

Answer 1

只需移动行 <script src="main.js"></script>

在此之上 <script>create();</script>

请注意：在进行javascript练习时，应始终检查javascript控制台（在Windows上：在Firefox中按Ctrl+Shift+J，在Firefox中按F12按钮Chrome）

Answer 2

您在包含外部文件之前正在运行create（），函数应在包含外部文件之后运行

js代码无法在HTML中作为单独的文件运行（没有jQuery）

2 个答案: