JS的引入方式和注释方式及结束符

引入方式

JavaScript 程序不能独立运行,它需要被嵌入 HTML 中,然后浏览器才能执行 JavaScript 代码。通过 script 标签将 JavaScript 代码引入到 HTML 中,有两种方式:

内部方式

通过 script 标签包裹 JavaScript 代码

<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="UTF-8">

  <title>JavaScript 基础 - 引入方式</title>

</head>

<body>

  <!-- 内联形式:通过 script 标签包裹 JavaScript 代码 -->

  <script>

    alert('嗨,欢迎来传智播学习前端技术!')

  </script>

</body>

</html>

外部形式

一般将 JavaScript 代码写在独立的以 .js 结尾的文件中,然后通过 script 标签的 src 属性引入

// demo.js

document.write('嗨,欢迎来传智播学习前端技术!')

<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="UTF-8">

  <title>JavaScript 基础 - 引入方式</title>

</head>

<body>

  <!-- 外部形式:通过 script 的 src 属性引入独立的 .js 文件 -->

  <script src="demo.js"></script>

</body>

</html>

如果 script 标签使用 src 属性引入了某 .js 文件,那么 标签的代码会被忽略!!!如下代码所示:

<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="UTF-8">

  <title>JavaScript 基础 - 引入方式</title>

</head>

<body>

  <!-- 外部形式:通过 script 的 src 属性引入独立的 .js 文件 -->

  <script src="demo.js">

    // 此处的代码会被忽略掉!!!!

      alert(666); 

  </script>

</body>

</html>

注释和结束符

通过注释可以屏蔽代码被执行或者添加备注信息,JavaScript 支持两种形式注释语法:

单行注释

使用 //  注释单行代码

<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="UTF-8">

  <title>JavaScript 基础 - 注释</title>

</head>

<body>

  <script>

    // 这种是单行注释的语法

    // 一次只能注释一行

    // 可以重复注释

    document.write('嗨,欢迎来传智播学习前端技术!');

  </script>

</body>

</html>

多行注释

使用 /* */ 注释多行代码

<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="UTF-8">

  <title>JavaScript 基础 - 注释</title>

</head>

<body>

  <script>

    /* 这种的是多行注释的语法 */

    /*

        更常见的多行注释是这种写法

        在些可以任意换行

        多少行都可以

      */

    document.write('嗨,欢迎来传智播学习前端技术!')

  </script>

</body>

</html>

注:编辑器中单行注释的快捷键为 ctrl + /

结束符

在 JavaScript 中 ; 代表一段代码的结束,多数情况下可以省略 ; 使用回车(enter)替代。

<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="UTF-8">

  <title>JavaScript 基础 - 结束符</title>

</head>

<body>

  <script>

    alert(1);

    alert(2);

    alert(1)

    alert(2)

  </script>

</body>

</html>

实际开发中有许多人主张书写 JavaScript 代码时省略结束符 ;

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容