引用javascritp外部文件
上一节
下一节
引用javascript外部文件
通过前面知识学习,我们知道使用<script>标签在HTML文件中添加JavaScript代码,如图:

JavaScript代码只能写在HTML文件中吗?当然不是,我们可以把HTML文件和JS代码分开,并单独创建一个JavaScript文件(简称JS文件),其文件后缀通常为.js,然后将JS代码直接写在JS文件中。

注意:在JS文件中,不需要<script>标签,直接编写JavaScript代码就可以了。
JS文件不能直接运行,需嵌入到HTML文件中执行,我们需在HTML中添加如下代码,就可将JS文件嵌入HTML文件中。
<script src="script.js"></script>

注意:在编辑器中完成html文件和script.js文件
1.index.html文件中的第6行使用
<script src="script.js"></script>代码引用script.js文件。
2.现在在script.js文件中写入document.write("引用JS文件!"); ,JS代码就直接运行了。
index.html
<!DOCTYPE HTML>
<html>
<head>
<meta content="text/html; charset=utf-8" />
<title>引用JS文件</title>
<script src="script.js"></script>
</head>
<body>
</body>
</html>
script.js
/ /请写入js代码

