如何将特定的javascript文件或javascript代码加载到HTML文档中？

Question

这就是我想要做的；

我有这个HTML代码：

<div id="background-color-random">
    DIV CONTENT
</div>

而这个JavaScript：

$(document).ready(function() {
var colors = ["#FFA347", "#FF5050", "#FF66FF", "#6699FF", "#00FF99"],
selectedColor = colors[Math.floor(Math.random()*colors.length)]
header = $("div#background-color-random");

header.css("background-color", selectedColor);
});

我想将其隐含在HTML页面上。 我知道您可以通过使用带src =“ ..”的脚本标签来加载* .js文件。 但这似乎不起作用。

javascript创建一个随机颜色，然后将其应用于HTML中给定“ div”的背景。

现在，我对javascript不好，所以请耐心等待，需要简单的答案:)

我需要能够使javascript在从HTML请求时加载javascript，然后将其自身应用于id =“ ..”的div。

Answer 1

您有语法错误（缺少逗号）：

selectedColor = colors[Math.floor(Math.random()*colors.length)]
header = $("div#background-color-random");

应该

selectedColor = colors[Math.floor(Math.random()*colors.length)],
header = $("div#background-color-random");

Answer 2

您使用的是jQuery，而不是纯JavaScript。 这是好事...

但您还必须在head标签中添加jQuery库，如下所示：

<head>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
</head>

您还需要在每条指令的末尾添加分号（或逗号，因为RobM已将我纠正，如果在var分配之间）。 请参见代码示例中的第3行。

如果要将js / jQuery代码放在单独的文件中，则可以像这样加载脚本代码（同样，通常在<head>标记中完成）：

<script src="filename.js" type="text/javascript"></script>

或者，您可以在文档的<head>标记中包含js / jQ，如下所示：

<script type="text/javascript">
    $(document).ready(function() {
        var colors = ["#FFA347", "#FF5050", "#FF66FF", "#6699FF", "#00FF99"],
        selectedColor = colors[Math.floor(Math.random()*colors.length)],
        header = $("div#background-color-random");

        header.css("background-color", selectedColor);
    });
</script>

如果将脚本作为外部文件包括在内，则从该文件中省略<script></script>包装器。

如何将特定的javascript文件或javascript代码加载到HTML文档中？

问题描述

2 个解决方案

解决方案1
3 2013-11-21 21:54:32

解决方案2
2 已采纳 2013-11-21 21:54:25

如何将特定的javascript文件或javascript代码加载到HTML文档中？

问题描述

2 个解决方案

解决方案1 3 2013-11-21 21:54:32

解决方案2 2 已采纳 2013-11-21 21:54:25

解决方案1
3 2013-11-21 21:54:32

解决方案2
2 已采纳 2013-11-21 21:54:25