javascript html文档,HTML-JavaScript

HTML-JavaScript

脚本是一小段程序，可以为您的网站增加交互性。例如，脚本可以生成弹出警报框消息，或提供下拉菜单。该脚本可以使用JavaScript或VBScript编写。

您可以使用任何脚本语言编写各种小的函数，称为事件处理程序，然后可以使用HTML属性触发这些函数。

如今，大多数Web开发人员仅使用JavaScript和相关框架，各种主流浏览器甚至都不支持VBScript。

您可以将JavaScript代码保存在单独的文件中，然后在需要的地方包括它，或者可以在HTML文档本身中定义功能。让我们用合适的例子一一看待这两种情况。

外部JavaScript

如果要定义将在各种HTML文档中使用的功能，则最好将该功能保存在单独的JavaScript文件中，然后将该文件包含在HTML文档中。一个JavaScript文件的扩展名为.js ，它将使用

例

考虑我们在script.js中使用JavaScript定义了一个小函数，它具有以下代码-

现在，让我们在以下HTML文档中使用上述外部JavaScript文件-

这将产生以下结果，您可以在其中尝试单击给定的按钮-

内部脚本

您可以将脚本代码直接写入HTML文档。通常，我们使用

例

这将产生以下结果，您可以在其中尝试单击给定的按钮-

事件处理程序

事件处理程序不过是简单定义的函数，可以针对任何鼠标或键盘事件调用该函数。您可以在事件处理程序中定义业务逻辑，该逻辑可以从单个行代码到数千行代码不等。

以下示例说明了如何编写事件处理程序。让我们在文档的标题中编写一个简单的函数EventHandler() 。当任何用户将鼠标移到段落上时，我们将调用此函数。

现在，这将产生以下结果。将鼠标移到该行上，然后查看结果-

在旧版浏览器中隐藏脚本

尽管如今大多数(如果不是全部)浏览器都支持JavaScript，但是某些较旧的浏览器却不支持。如果浏览器不支持JavaScript，而不是运行脚本，它将向用户显示代码。为防止这种情况，您可以简单地在脚本周围放置HTML注释，如下所示。

元素

您还可以向浏览器不支持脚本的用户以及为浏览器禁用脚本选项的用户提供替代信息。您可以使用

标记执行此操作。

默认脚本语言

在某些情况下，您将包括多个脚本文件并最终使用多个

请注意，您仍然可以通过在script标记中指定一种语言来覆盖默认值。