1.可以将代码编写到标签的onclick属性中
- 点击按钮,js代码执行
<button onclick="alert('点我干嘛');">点我一下</button>
2.可以将js代码写在超链接的href属性里
- 点击超链接,js代码执行
<a href="javascript:alert('让你点')">你也点我一下</a>
- 当希望超链接点完无反应
<a href="javascript:;">你也点我一下</a>
虽然可以写在标签的属性中,但是他们属于结构与行为耦合,不方便维护,不推荐使用。
3.可以写到script标签中,刷新页面立即执行
<script type = "text/javascript">
alert("script标签代码")
</script>
4.可以将js代码编写到外部js文件中,然后通过script标签引入------最佳
- 写到外部文件中可以在不同的页面同时引用,也可以利用到浏览器的缓存机制------推荐使用的方式
<script type = "text/javascript" src="指向外部js的路径"></script>
script标签一旦用于引入外部文件了,就不能再编写代码了,即使编写了浏览器也不执行;如果需要可以再创建个新的script标签写内部代码。