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