学习JavaScript数据结构与算法（第3版）
上QQ阅读APP看书，第一时间看更新
上一章目录下一章

1.3 JavaScript基础

在深入学习各种数据结构和算法前，让我们先大概了解一下JavaScript。本节教大家一些相关的基础知识，有利于学习后面各章。

首先来看在HTML中编写JavaScript的两种方式。第一种方式如下面的代码所示。创建一个HTML文件（01-HelloWorld.html），把代码写进去。在这个例子里，我们在HTML文件中声明了script标签，然后把JavaScript代码都写进这个标签。

    <! DOCTYPE html>
    <html>
      <head>
      <meta charset="UTF-8">
        </head>
        <body>
          <script>
            alert('Hello, World! ');
         </script>
       </body>
     </html>

尝试使用Web Server for Chrome扩展或http-server来执行上述代码，并在浏览器中查看输出结果。

第二种方式，我们需要创建一个JavaScript文件（比如01-HelloWorld.js），在里面写入如下代码。

    alert('Hello, World! ');

然后，我们的HTML文件看起来如下所示。

    <! DOCTYPE html>
    <html>
      <head>
        <meta charset="UTF-8">
        <title></title>
      </head>
      <body>
        <script src="01-HelloWorld.js"></script>
      </body>
    </html>

第二个例子展示了如何将一个JavaScript文件引入HTML文件。

无论执行这两个例子中的哪个，输出都是一样的。不过第二个例子是最佳实践。

可能你在网上的一些例子里看到过JavaScript的include语句，或者放在head标签中的JavaScript代码。作为最佳实践，我们会在关闭body标签前引入JavaScript代码。这样浏览器就会在加载脚本之前解析和显示HTML，有利于提升页面的性能。

上一章目录下一章