二.4.JavaScript 动态脚本语言

  前面我们说到HTML:定义网页的内容。CSS:描述网页的样式。JavaScript:描述网页的行为。简单介绍完了HTML和CSS,这次来介绍一下JavaScript。
  JavaScript是哟中可以嵌入在HTML代码中有客户端浏览器运行的脚本语言。在网页中使用JavaScript,不仅可以实现网页特效,还可以响应用户请求动态交互的功能。通常情况下,在web页面使用JavaScript有两种方法,一种是在页面中直接嵌入JavaScript代码,另一种是连接外面的JavaScript文件。下面对这两种的方法进行介绍。

一.在页面中直接嵌入JavaScript代码

  在HTML文档中可以使用<script>…</script>标签将JavaScript脚本嵌入到其中。在HTML文档中可以使用多个<script>标签,每个<script>标签中可以包含多个JS的代码集合。<script>标签常用的属性如下。

属性值说明
language设置所使用的脚本语言及版本
src设置一个外部脚本文件的路径位置
type设置所使用的脚本语言,此属性已替代language属性
defer此属性表示当HTML文档加载完毕后再执行脚本语言
<!DOCTYPE html>
<html>
    <!-- 网页的标题、图标... -->
    <head>
        <meta charset="UTF-8">
        <title>第一个网页</title>
    </head>
    <!-- 网页的具体内容 -->
    <body>
    <script language="JavaScript">
        alert('在HTML中,直接编写JavaScript')   <!-- 直接编写JS代码 -->
    </script>
    </body>
</html>

执行效果如下:
在HTML中直接镶嵌JavaScript代码
<script>标签可以放在Web页面的<head></head>标签中,也可以放在<body></body>标签中

链接外部的JavaScript代码

  在Web页面中引入JavaScript代码的另一种方式就是采用链接外部JavaScript文件的形式。如果脚本代码比较复杂或者同一段代码需要被多个项目所使用,则可以单独创建一个JS文件(文件的扩展名为.js),然后再Web页面中链接该文件即可。
<script language=“javascript” src=“your-Javascript.js”></script>
用上述代码直接链接本地js文件即可。

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值