首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何使用Javascript输出HTML代码?

如何使用Javascript输出HTML代码?
EN

Stack Overflow用户
提问于 2013-12-10 23:25:37
回答 3查看 362关注 0票数 0

我有一个外部.js文件,其中包含以下代码。

代码语言:javascript
复制
function cars() {   
cars=["BMW","Ford","Nissan"];
document.write("<h3>"+Cars+"</h3>");
   for (var j=1;j<cars[j].length;j++)
   {
    document.write("<h2>"+cars[j]+"</h2>");
   }
}

这是HTML

代码语言:javascript
复制
<html lang="en">
  <head>
    <script type="text/javascript" src="assets/js/cars.js"></script>
  </head>
  <body>
    <span id="cars">
      <script>cars();</script>
    </span>
  </body>
</html>

当我查看浏览器时,我看到的是汽车列表,但当我查看源代码时,我看到的是列表所在的"<script>cars();</script>"。我在使用.innerHTML时遇到了问题,它是如何处理外部.js文件的?谁能帮帮我。

EN

Stack Overflow用户

发布于 2013-12-10 23:37:37

也许您可以使用jquery函数append()

您必须稍微更改一些代码,例如,下面这行:

代码语言:javascript
复制
document.write("<h3>"+Cars+"</h3>");

此外,请记住,Cars不是脚本中的变量。

您可以使用:

代码语言:javascript
复制
$('#cars_div').append("<h3>Cars</h3>");

并创建一个名为cars_div的div,以便在上面编写html代码。

另一个技巧,你的for循环。请记住,您的cars数组有3项。要访问第一个,您需要执行一个cars[0]。在for循环中,var j=1跳过第一个。

如果您需要使用jquery的可能解决方案,这里有一个fiddle

票数 0
EN
查看全部 3 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/20498350

复制
相关文章

相似问题

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