JS基础_js的编写位置

216 阅读1分钟

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标签写内部代码。