如何在HTML中嵌入JavaScript？

你们当中有多少人喜欢动态网页？使用 HTML 和 CSS，你可以创建和设置静态网页的样式，但你无法对其执行任何操作。要使网页动态化，需要使用JavaScript 语言。

JavaScript 由Brendan Eich创建。它是一种高级且易于学习的语言，用于创建动态网页。JavaScript 用于对元素执行操作，例如在点击按钮时创建提示框，以及使用 if-else 等语句根据特定条件执行操作。

JavaScript 有许多这样的应用。

在 JavaScript 中，我们通过提供 id 或 class 来选择要对其执行操作的元素。

我们来看看如何将 JavaScript 代码嵌入到 HTML 中。

与 CSS 类似，我们有多种方法可以将 JavaScript 嵌入到 HTML 中。

方法一：使用脚本标签

就像我们在同一个文件中使用 style 标签为页面添加样式一样，这里我们使用 script 标签。在​​ script 标签内，我们编写脚本并将 JS 添加到 HTML 中。您可以在下方看到代码。不必担心我在 script 标签内编写的脚本。

代码 ：

输出 ：

你可以看到，即使不在 p 标签内编写任何文字，我也打印出了“Welcome to JavaScript”。这就是 JavaScript 的独特之处。

我们来看第二种方法。

方法二：创建单独的 JavaScript 文件

与 CSS 类似，我们创建一个单独的 JavaScript 文件，扩展名为.js。现在的问题是如何在 HTML 中链接它。这里同样使用 script 标签。src属性用于指定 JavaScript 文件的位置。您可以在下方看到代码。

代码 ：

输出 ：

这是在 HTML 中添加 JavaScript 的第二种方法。

今天就到这里。不用担心我在script标签或js文件里写的脚本。

下一篇文章我们将探讨更多JS主题。

下次见😊😊

编程愉快！👩‍💻👩‍💻👩‍💻