JS基础 --JS书写

JS书写分为三种方式

1. 行内式(强烈不推荐)
2. 内嵌式(不推荐)
3. 外链式(推荐)

行内式JS代码

• a标签

  • 因为a标签本身就有行为出现
  • 当点击的时候，需要区分你是跳转链接还是执行JS代码
  • 在href属性里面书写一个javascript:JS代码；

• 非a标签

  • 因为没有自己的行为，我们需要给他加一个行为

  • 写一个onclick属性，表示当点击时

  • 属性值的位置书写JS代码

    <div onclick="JS代码"></div>
    

    当你点击 a 标签的时候, 会执行一段 JS 代码
      alert('hello world')
<a href="javascript: alert('hello world') ;">点我一下试试</a> 

    不加 javascript:; 也写一段 JS 代码
 <a href="alert('hello world')">再点一下试试</a> 

    当你点击 div 的时候, 执行一段 JS 代码
      alert('你好 世界')
<div onclick="alert('你好 世界')">我是 div 标签</div>

内嵌式JS代码

• 在页面书写一个script标签
• 把JS代码书写在标签内部
• 注意： **不需要任何行为，只要打开页面就会执行 **
• 特点：
  1. 在一个页面内可以书写无限个script标签
     • 会按照从上到下的顺序依次执行
  2. 理论上script标签可以放在页面的任何位置
     • 推荐放在body的末尾或者head的末尾
     • 目前放在body尾部

 <!-- <script>
    alert('我是内嵌式 JS 代码 222222222')
  </script> -->

外链式JS代码

• 把JS代码写在一个.js后缀的文件里面
• 在页面上通过script标签的src属性引入页面
• 注意**不需要任何行为, 只要打开页面就会执行**
• 特点
  1. 和内嵌式一样
  2. 当一个 script 标签被当作外链式使用的时候, 那么写在标签对里面的内容没有意义
  • 哪怕你写了 src 属性, 但是没有引入文件, 也不能当作内嵌式使用了
    <script src="./test.js"> alert(12345677) </script>