在HTML中嵌入JavaScript脚本

JavaScript 是一种嵌入到 HTML 文档的脚本语言,由浏览器解释和执行,无需编译。

将 JavaScript 脚本嵌入到 HTML 文档中有3种标准方法:

1:通过之间


在HTML中嵌入JavaScript脚本_第1张图片
DEMO1


二. 引入外部脚本

当网页功能比较复杂,或通用代码(每个页面都是用)较多时,直接在 比较乱,不容易管理。这时候,我们希望能将JavaScript代码保存在单独的文件中,使用时再嵌入到 HTML 文档。


在HTML中嵌入JavaScript脚本_第2张图片
DEMO2

标签中嵌入 JavaScript 代码会导致网页杂乱,不易管理。这时候,我们希望能将JavaScript代码保存在单独的文件中,使用时再嵌入到 HTML 文档。

标签嵌入

引入外部脚本,能够很轻松的让多个页面使用相同的 JavaScript 代码。外部脚本一般会被浏览器保存在缓存文件中,用户再次访问网页时,无需重新载入,加快了网页打开速度。

注意:外部脚本一般保存为 .js 的文件。


三. 在 HTML 属性中直接嵌入

在 HTML 属性中嵌入 JavaScript 代码主要是针对 JavaScript 事件。JavaScript 事件是指用户对网页进行操作时,网页做出相应的响应。


案例:鼠标单击事件

在HTML中嵌入JavaScript脚本_第3张图片
鼠标单击事件


在HTML中嵌入JavaScript脚本_第4张图片
点击出现警告框


案例:鼠标双击事件


在HTML中嵌入JavaScript脚本_第5张图片
鼠标双击事件


在HTML中嵌入JavaScript脚本_第6张图片
双击出现警告框

嵌入脚本的位置:

你可能感兴趣的:(在HTML中嵌入JavaScript脚本)