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