<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript" src="script.js"></script>
<script>
alert("我是JS内部文件代码!!!")
</script>
<!--
1.可以将JS代码编写到外部JS文件中,然后通过script标签引入
写到外部文件中,可以在不同的页面中同时引用,也可以利用到浏览器的缓存机制
推荐使用的方式
2.script标签一旦引入外部文件,就不能编写代码了,即使编写了,浏览器也会忽略
如果需要,可新创建一个script标签,用于编写内部代码
<script type="text/javascript" src="script.js"></script>
<script type="text/javascript">
alert("我是内部的JS代码");
-->
<!--
<script type="text/javascript">
alert("我是内部JS代码");
</script>
-->
<!--可以将JS代码写到script标签中
script type="text/javascript">
alert("我是script标签中的代码!!")
</script>
-->
</head>
<body>
<!--
可以将JS代码编写到onclick标签属性中
当我门点击按钮时,代码才会执行
虽然可以写在标签属性中,但他们属于结构与行为耦合,不方便维护,不推荐使用,
<button οnclick="alert('讨厌,点我干嘛~~~')">点我一下</button>
-->
<!--可以将JS代码写在超链接href的属性中,这样点击超链接时,会执行JS代码
<a href="javascript:alert('让你点你就点');">你也点我一下</a>
<a href="javascript:;">你也点我一下</a>
-->
</body>
</html>