JavaScript之引用方法
常用的JS引用方法有两种,如下
- 直接引用,在HTML代码中嵌入JS代码
- 以外部链接的方式引用
直接引用
示例如下,
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>
<body></body>
<script type="text/javascript">
var test = "test";
console.log(test);
</script>
</html>
外部链接
示例如下,使用外部链接的方式引用JS脚本
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>
<body></body>
<script type="text/javascript" src="js/index.js"></script>
</html>
index.js
var test = "test";
console.log(test);
注意:一般在HTML内使用外部链接的方式调用JS脚本而不是在HTML内直接去写JS。