2、JavaScript基本知识

103 阅读2分钟

编写位置

HTML文档内

  • 我们目前学习的JS全都是客户端的JS,也就是说全都是需要在浏览器中运行的,所以我们我们的JS代码全都需要在网页中编写。
  • 在 HTML 中,JavaScript 代码必须位于 <script> 与 </script> 标签之间。
    • 注释:旧的 JavaScript 例子也许会使用 type 属性:
    • 注释:type 属性不是必需的。JavaScript 是 HTML 中的默认脚本语言。
  • 在HTML文档中我们可以放置任意数量的脚本。
  • 脚本可被放置在 HTML 页面的 <body>标签 或 <head>标签 当中,或两个地方都放。
  • 我们一般将script标签写到head中。(和style标签有点像)

外部脚本

  • 脚本可以写在(文件名.js)的js文件中,用<script>标签引入:
    • src:使用src="文件名.js"引入一个外部的js文件。
    • 可以在 <head>标签 或 <body>标签 中引入外部脚本使用。
  • 外部的js文件内不使用<script>标签,直接写javascript代码。 code.png

引用外部 JavaScript 的好处

  • 分离了 HTML 和代码
  • 使 HTML 和 JavaScript 更易于阅读和维护
  • 已缓存的 JavaScript 文件可加速页面加载

JavaScript 注释

  • 脚本添加注释有利于提高代码的可读性,维护性。
  • 也可以在测试代码时通过注释当前js来阻止当前js的执行。
  • 代码文档中的JavaScript不会执行注释的内容。

单行注释

单行注释以 // 开头。

任何被 // 注释掉的单行文本内容都会被 JavaScript 忽略(不会执行)。

code.png

也可以在每行代码结尾处添加单行注释来解释代码: code.png

多行注释

多行注释以 /* 开头,以 */ 结尾。

任何位于 /* 和 */ 之间的文本都会被 JavaScript 忽略。

code.png

使用注释来阻止代码执行

code.png

code.png

学习笔记

  1. 养成一个好的习惯就是写注释。
  2. 方便你二次阅读,维护你的代码。
  3. 如果后面项目转手,也方便别人来理解你的代码和维护你的代码。