首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >js代码不能作为单独的文件在html中工作(无jQuery)

js代码不能作为单独的文件在html中工作(无jQuery)
EN

Stack Overflow用户
提问于 2018-09-26 07:28:57
回答 1查看 620关注 0票数 0

我有一个非常简单的Javascript函数(我没有使用jQuery),它使用<script>标记在html中工作,但是当我将它放在一个单独的.js文件中时,它不能工作。我知道我做错了什么,这可能只是一个简单的修复,但我不能弄清楚。有什么帮助吗?非常感谢!

下面是我的js:

代码语言:javascript
复制
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:

代码语言:javascript
复制
 <head>
      <script src="main.js"></script>
 </head>
 <body>
      <div id="box">
      <script>create();</script>
    </div>
 </body>

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

EN

回答 1

Stack Overflow用户

发布于 2018-09-26 07:34:03

在包含外部文件之前运行create(),函数应在包含外部文件之后运行

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/52507901

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档