如何将 javascript 代码插入 HTML答案

【问题标题】：How do you insert javascript code into HTML如何将 javascript 代码插入 HTML
【发布时间】：2022-01-10 12:19:16
【问题描述】：

我在 codeacademy 上学会了构建一段有趣的 javascript，并想将它添加到 html 文档中。我将如何去做，甚至有可能吗？

这里是网站。我尝试使用脚本标签，但它们不起作用。不确定我是否将它们放在正确的位置。

http://www.codecademy.com/courses/animate-your-name/0/2

【问题讨论】：

其实没关系。您能否发布您的整个代码，或您想添加到文档中的代码？

标签： javascript html

【解决方案1】：

查看 Codeacademy 链接，似乎有一些依赖关系。你需要确保包括这些。您的 HTML 文件应如下所示。注意：您可能应该将所有 JS 合并到一个外部文件中，并将其与 <script src="main.js"></script> 标签链接。另外，请确保您的脚本标签出现在页面的末尾（但在</body> 之前），这将使您的页面更快，因为您的 JS 不会阻塞 DOM 构建。

更新

如果您包含了所有已知的依赖项，但它似乎仍然不起作用，那么 Codecademy 可能在某个地方埋藏了一些重要的代码。解决此问题的最简单方法是将网页本身下载为 HTML 文件（选项单击 mac 上的链接），然后使用该文件或四处寻找以确保您拥有一切。

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<canvas id="myCanvas"></canvas>
<script>
var myName = "Codecademy";

var red = [0, 100, 63];
var orange = [40, 100, 60];
var green = [75, 100, 40];
var blue = [196, 77, 55];
var purple = [280, 50, 60];
var letterColors = [red, orange, green, blue, purple];

drawName(myName, letterColors);

if(10 < 3)
{
    bubbleShape = 'square';
}
else
{
    bubbleShape = 'circle';
}

bounceBubbles();
</script>
<script type="text/javascript" src="http://s3.amazonaws.com/codecademy-content/courses/hour-of-code/js/bubbles.js"></script>
<script type="text/javascript" src="main.js"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="http://s3.amazonaws.com/codecademy-content/courses/hour-of-code/js/alphabet.js"></script>
</body>
</html>

【讨论】：

抱歉 javascript 或一般编码的新手。我将其更改为我的 .js 但当我打开 html 页面时没有任何反应
好的，所以我不只是链接文件，您可以将其包含在内。只需将代码复制并粘贴到文本编辑器中，保存并在浏览器中打开。
所以我复制并粘贴了代码，但仍然没有任何反应。感谢您的帮助！
好的，我回头看看。

【解决方案2】：

您可以使用 <script> 标记添加内联 JavaScript。

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/script

编辑

抱歉，我没有注意到您已经尝试过脚本标签。你能用脚本标签发布你的 HTML 吗？

【讨论】：

结果
YEAH SANDWICHES
bit.ly/RhrMEn" />
我喜欢鸡蛋。

还有火腿！
p>
但主要是三明治。
如何在stackoverflow中把它变成可读的html，这样它看起来不像上面的烂摊子？
@user3802773 尽量避免在您的 cmets 中放置一堆代码。改为在上面编辑您的问题。

【解决方案3】：

最好的方法是使用<script> 标签。所以如果你想在html中嵌入一些javascript，你可以像这样使用别人（或你自己的）：<script src="www.blah.blah/blah/blah.js"></script>或者像这样在你的电脑上写js：

<script src="helloWorld.js"></script>

另一种方法是将 JavaScript 写入它自己的文件中。像这样将 Js 写入 HTML：

<script>
//Your Js Goes Here
</script>

希望这是您所需要的！

【讨论】：

编辑

YEAH SANDWICHES