<head>
<meta charset="utf-8">
<title></title>
<!--
可以将js代码编写到外部js文件中，然后通过script标签引入
写到外部文件中可以在不同页面同时引用，也可以利用到浏览器的缓存机制
推荐这种方式
-->
<script type="text/javascript" src="1.js">
/* script标签一旦用于引入外部js文件就不能在标签中编写代码了，即使编写了浏览器也会忽略 */
</script>
<!-- 如果需要可以再创建一个script标签，用于编写内部script代码 -->
<script>alert("内部js代码")</script>
<!-- 这里注意 js代码执行的顺序是从上到下，现在这种情况先执行外部引用，再执行内部js -->
</head>
<body>
<!-- 1 虽然可以写在标签中，但是他们属于结构耦合，不方便维护，不推荐使用 -->
<!-- 可以将js代码写到标签的onclick属性中，我们点击按钮时，js代码才会执行 -->
<button onclick="alert('2')">1</button>
<!-- 可以将js代码写在超链接的href属性中，这样当点击超链接时，会执行超链接代码 -->
<a href="javascript:alert('6')">5</a>
<a href="javascript:;">8</a>
</body>
