HTML如何调用JavaScript？

2024-07-02 12:29| 来源: 网络整理| 查看: 265

仅使用HTML和CSS创建动态网页很困难。例如，仅使用CSS是无法很好完成下拉菜单和滑入式页面的，这是一项很难的技术。此时就需要使用JavaScript，那么如何在HTML中调用JavaScript？下面本篇文章就来给大家介绍一下在HTML中调用JavaScript的方法，希望对大家有所帮助。

如何调用JavaScript？

在HTML中调用JavaScript的方法有两种：内联JavaScript脚本、外部JavaScript脚本。

1、内联JavaScript脚本

内联脚本是一种使用标签直接在HTML中嵌入JavaScript代码的方法。

语法：

　 //javascript代码

2、外部JavaScript脚本

外部脚本是使用标签和src属性将外部的JavaScript脚本文件连接到HTML中的方法；这通常用于网页设计领域。

语法：

在HTML中嵌入上述代码，就可将编写了JavaScript脚本的外部JavaScript文件导入HTML中，这样HTML就可调用JavaScript。

在HTML中调用JavaScript的示例

当访问页面时，弹出一个显示“Hello”的警告框

示例1：内联JavaScript脚本

内联JavaScript脚本

alert("Hello");

弹出窗效果图：

示例2：外部JavaScript脚本

sample.html

外部JavaScript脚本

sample.js

alert("Hello");

弹出窗效果图：