1.2网页中的JavaScript语言

程序员文章站 2024-02-02 15:50:28

...

1.<script>标签

在HTML中使用JavaScript脚本语言，就一定要使用到<script>标签，无论是嵌入式脚本还是外部脚本。<script>标签在开始和结尾都需要加。

具体代码如下：

<script>
//TODO
//脚本代码
...
</script>

上述写法适用于最新的HTML5版本网页，而对于早期的网页（HTML4.01）必须使用一下写法：

<script type="text/javascript">
...
</script>

2.嵌入式JavaScript脚本

在网页使用JavaScript脚本语言比较直接的方法就是将JavaScript脚本嵌入到网页代码中。

设计人员可以在HTML网页中任何位置使用<script>标签定义嵌入式JavaScript脚本代码。

在HTML网页中使用嵌入式JavaScript脚本代码，样例：

<!doctype>
<html lang="en">
<head>
<!--添加文档头部内容-->
<meta http-equiv="Content-Type" content"text/html; charset=utf-8" />
<meta rel ="stylesheet"type="text/css" href="css/style.css">
<script>
    alert("JavaScript 基础 - 嵌入 js 脚本代码");
</script>
<title>JavaScript in 15-days</title>
</head>
<body>
<!--添加文档主体内容-->
</body>
</html>

第8~10行代码通过<script>标签定义一段嵌入式JavaScript脚本语言，第9行的JS代码通过"alert()"函数定义一个弹出式警告提示框。

3.因入外部JavaScript脚本文件

在HTML网页中引入外部脚本是另一种使用JavaScript脚本语言的方法。这种方法非常适用于需要使用大量JavaScript脚本代码的情况，尤其是在应用JavaScript框架的场景，一般称该方法为外链式（Linking）JavaScript脚本。

外链式脚本的基本使用方法：

<script src="xxx.js"></script>

"src"属性用于定义外部JavaScript文件的路径地址。其中，路径可以为绝对路径或者相对路径，这要看具体项目情况。

外链式脚本样例：

<!doctype html>
<html lang="en">
<head>
<!--添加文档头部内容-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="zh-cn" />
<link rel="stylesheet" type="text/css" href="css/style.css">
<script type="text/javascript" src="js/ch01-js-linking.js"></script>
<title>JacaScript in 15-days</title>
</head>
<body>
<!--添加文档主体内容-->
</body>
</html>

第8行代码通过<script>标签定义了外链式JavaScript脚本，其中“src”属性丁一外部脚本的相对路径地址（js/ch10-js-linking.js）

嵌入式JavaScript脚本与外链式JavaScript脚本实现的功能是完全相同的。

1.2网页中的JavaScript语言