我的技术记录

Appearance

JavaScript 书写位置 ​

JavaScript 书写位置跟 CSS 书写位置，基本一样，如图所示：

1. 内部 JavaScript ​

  • 直接写在html文件里，用script标签包住

规范: script标签写在</body>上面

TIP

我们将 <script> 放在HTML文件的底部附近的原因是浏览器会按照代码在文件中的顺序加载 HTML。 如果先加载的 JavaScript 期望修改其下方的 HTML，那么它可能由于 HTML 尚未被加载而失效。 因此，将 JavaScript 代码放在 HTML页面的底部附近通常是最好的策略。

html
  <script>
    alert('hello, fans')
  </script>
</body>

2. 外部 JavaScript ​

  • 代码写在以.js结尾的文件里

语法: 通过script标签，引入到html页面中。

TIP

  1. script标签中间无需写代码，否则会被忽略！
  2. 外部JavaScript会使代码更加有序，更易于复用，且没有了脚本的混合，HTML 也会更加易读，因此这是个好的习惯。
html
<body>
  <!-- 通过 src 引入外部 js 文件 -->
  <script src="fan.js"></script>
</body>

3. 内联 JavaScript ​

  • 代码写在标签内部

语法: 注意： 此处作为了解即可，但是后面vue框架会用这种模式

html
<body>
  <button onclick='alert("逗你玩～～～")'>点击我，月薪过万</button>
</body>