版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/qq_16566415/article/details/78256499
使用script标签
//script标签
<script type="text/javascript">
function sayHi(){
alert("Hi!");
}
</script>使用嵌入代码or外部文件
嵌入代码顾名思义，就是在html 文件内部写JavaScript 代码
这里推荐使用外部引入的方法
优点：
- 可维护性：将JavaScript代码放入HTML页面中不利于维护
- 可缓存：加快页面加载的速度
- 适应未来：XHTML 和 HTML 包含外部文件的语法是相同的重点内容
标签的位置
传统做法：头部引入，不推荐使用
目的：把所有外部文件（包括CSS 文件和JavaScript 文件）的引用都放在相同的地方
弊端：必须等到全部JavaScript 代码被下载，解析和执行完成，页面内容才会出现。
相信大家遇到过一个这种情况，打开一个页面，浏览器一片空白，地址栏已知显示在加载，分分钟想关闭浏览器的冲动了。
为了避免这种页面需要加载大量js代码而导致浏览器加载页面的延迟，现在人们通常的做法是将全部JavaScript代码放在body 元素页面内容的后面
<!DOCTYPE html>
<html>
<head>
<title>Example HTML Page</title>
<script type="text/javascript" src="example1.js"></script>
<script type="text/javascript" src="example2.js"></script>
</head>
<body>
<!-- 这里放内容 -->
</body>
</html>大多数做法
<!DOCTYPE html>
<html>
<head>
<title>Example HTML Page</title>
</head>
<body>
<!-- 这里放内容 -->
<script type="text/javascript" src="example1.js"></script>
<script type="text/javascript" src="example2.js"></script>
</body>
</html>