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不满意，所以请耐心等待我，并且需要简单的答案：）

我需要能够在从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 个答案: