📌  相关文章
📜  如何将JavaScript添加到html

📅  最后修改于: 2020-10-27 01:26:36             🧑  作者: Mango

如何将JavaScript添加到html

JavaScript，也称为JS，是脚本(客户端脚本)语言之一，通常在Web开发中用于创建现代的交互式网页。术语“脚本”用于指代本质上并非独立的语言，此处指的是在客户端计算机上运行的JavaScript。

换句话说，可以说脚本一词用于需要另一种语言支持才能执行的语言。例如，如果没有HTML的帮助或没有集成到HTML代码中，JavaScript程序将无法执行。

在网页中以多种方式使用JavaScript，例如生成警告消息，建立图像库，DOM操作，表单验证等。

将JavaScript添加到HTML页面

用户可以通过以下三种方式将JavaScript添加到HTML页面。

  • 嵌入代码
  • 内联代码
  • 外部档案

我们将逐步看到其中的三个

一，嵌入代码：

要将JavaScript代码添加到HTML页面中，我们可以使用 HTML的标记，该标记在HTML程序内包装了JavaScript代码。用户还可以在标签(或者我们可以说是正文部分)或标签，因为它完全取决于用户使用的网页结构。

我们可以借助示例(如何将JavaScript添加到html)更清楚地了解这一点。

例




 page title




Inthis example we saw how to add JavaScript in the head section

输出：

我们还可以在标签或正文部分。

让我们通过一个例子来理解。




 page title




 In this example we saw how to add  JavaScript in the body section

输出量

二。内联代码：-

通常，当我们必须在HTML事件属性中调用函数时，使用此方法。在许多情况(或事件)中，我们必须直接添加JavaScript代码，例如OnMover事件，OnClick等。

让我们借助示例了解如何在不使用的情况下直接在html中添加JavaScript。 标签。

让我们来看一个例子。




 page title




Click Me



 in this example we saw how to use inline JavaScript or directly in an HTML tag.

输出量

三，外部档案：-

我们还可以创建一个单独的文件来保存扩展名为(.js)的JavaScript代码，然后使用的src属性将其合并/包含到我们的HTML文档中。

现在让我们创建单独的JavaScript文件

Hello.js

function display() {
alert("Hello World!");
}

输出量

以上两个程序都保存在同一文件夹中，但是您也可以将JavaScript代码存储在单独的文件夹中，只需要在的src属性中提供(.js)文件的地址/路径即可。标签也未使用。

HTML noscript元素

的元素为我们提供了一种替代方法，可为具有不支持JavaScript的浏览器或已禁用浏览器中的JavaScript的用户创建内容。

该元素可以包含除HTML元素之外的任何HTML元素。

在上面的程序中，我们使用了javascriptprint消息“ Hello World！”。并且也使用了元素print消息“对不起，您的浏览器可能不支持JavaScript！或JavaScript在您的浏览器禁用”。的仅当在用户浏览器中禁用JavaScript或他的浏览器完全不支持JavaScript时，元素才会print此消息。

让我们看看在启用JavaScript的浏览器中运行上述给定程序时得到的输出。

输出量

现在，让我们看看在禁用JavaScript的浏览器(或不支持JavaScript的浏览器)中运行相同程序时将获得什么输出。

输出量

例子2





Noscript Demo