自我评价:走在路上的菜鸟,想着CMS|WEB|SEO,做着可以成为牛掰程序seoer的梦!

当前位置:博客 > 前端开发 > JavaScript脚本 >

怎么引入一个外部JavaScript文件

作者:灰牛站长•发布时间:2021-07-12 11:42:37•浏览

通过前面知识学习,我们知道使用<script>标签在HTML文件中添加JavaScript代码,如图①:

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

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

注意:在JS文件中,不需要<script>标签,直接编写JavaScript代码就可以了。

JS文件不能直接运行,需嵌入到HTML文件中执行,我们需在HTML中添加如下代码,就可将JS文件嵌入HTML文件中,如图③

html文件

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>引用JS文件</title>
<script src="script.js"></script>
</head>
<body>
</body>
</html>

script.js文件

//请写入JS代码
document.write('引入js文件');

相关文章

  • 为什么学习JavaScript

    为什么学习JavaScript

    一、你知道,为什么JavaScript非常值得我们学习吗? 1.所有主流浏览器都支持JavaScript。 2.目前,全世界大部分网页都使用JavaScript。 3.它可以让网页呈现各种...
    2021-07-12 11.07.55

手机端