JavaScript 使用

一、<script> 标签

        在 HTML 中,JavaScript 代码必须位于 <script> 与 </script> 标签之间。

        注释:旧的 JavaScript 例子也许会使用 type 属性:<script type="text/javascript">。

        注释:type 属性不是必需的。JavaScript 是 HTML 中的默认脚本语言。

二、JavaScript 函数和事件

        JavaScript 函数是一种 JavaScript 代码块,它可以在调用时被执行。

        例如,当发生事件时调用函数,比如当用户点击按钮时。

三、<head> 或 <body> 中的 JavaScript

        您能够在 HTML 文档中放置任意数量的脚本。

        脚本可被放置与 HTML 页面的 <body> 或 <head> 部分中,或兼而有之。

        提示:把脚本置于 <body> 元素的底部,可改善显示速度,因为脚本编译会拖慢显示。

四、外部脚本

        脚本可放置与外部文件中:

                外部脚本很实用,如果相同的脚本被用于许多不同的网页。

                JavaScript 文件的文件扩展名是 .js

                如需使用外部脚本,请在 <script> 标签的 src (source) 属性中设置脚本的名称

        在 <head> 或 <body> 中放置外部脚本引用。

        该脚本的表现与它被置于 <script> 标签中是一样的。

        注释:外部脚本不能包含 <script> 标签。

五、外部 JavaScript 的优势

在外部文件中放置脚本有如下优势:

  • 分离了 HTML 和代码
  • 使 HTML 和 JavaScript 更易于阅读和维护
  • 已缓存的 JavaScript 文件可加速页面加载

如需向一张页面添加多个脚本文件 - 请使用多个 script 标签

六、外部引用

        可通过完整的 URL 或相对于当前网页的路径引用外部脚本:

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值