JavaScript入门01

<p>JavaScript是世界上最流行的脚本语言，因为你在电脑、手机、平板上浏览的所有的网页，以及无数基于HTML5的手机App，交互逻辑都是由JavaScript驱动的。</p>
<p>简单地说，JavaScript是一种运行在浏览器中的解释型的编程语言。</p>
<p>那么问题来了，为什么我们要学JavaScript？尤其是当你已经掌握了某些其他编程语言如Java、C++的情况下。</p>
<p>简单粗暴的回答就是：因为你没有选择。在Web世界里，只有JavaScript能跨平台、跨浏览器驱动网页，与用户交互。</p>
<p>Flash背后的ActionScript曾经流行过一阵子，不过随着移动应用的兴起，没有人用Flash开发手机App，所以它目前已经边缘化了。相反，随着HTML5在PC和移动端越来越流行，JavaScript变得更加重要了。并且，新兴的Node.js把JavaScript引入到了服务器端，JavaScript已经变成了全能型选手。</p>
<p>JavaScript一度被认为是一种玩具编程语言，它有很多缺陷，所以不被大多数后端开发人员所重视。很多人认为，写JavaScript代码很简单，并且JavaScript只是为了在网页上添加一点交互和动画效果。</p>
<p>但这是完全错误的理解。JavaScript确实很容易上手，但其精髓却不为大多数开发人员所熟知。编写高质量的JavaScript代码更是难上加难。</p>
<p> </p>
<p>JavaScript代码可以直接嵌在网页的任何地方，不过通常我们都把JavaScript代码放到<code><head></code>中：</p>
<pre class="blockcode"><code><html>
<head>
  <script>
alert('Hello, world');
  </script>
</head>
<body>
  ...
</body>
</html>
</code></pre>
<p>由<code><script>...</script></code>包含的代码就是JavaScript代码，它将直接被浏览器执行。</p>
<p>第二种方法是把JavaScript代码放到一个单独的<code>.js</code>文件，然后在HTML中通过<code><script src="..."></script></code>引入这个文件：</p>
<pre class="blockcode"><code><html>
<head>
  <script src="/static/js/abc.js"></script>
</head>
<body>
  ...
</body>
</html>
</code></pre>
<p>这样，<code>/static/js/abc.js</code>就会被浏览器执行。</p>
<p>把JavaScript代码放入一个单独的<code>.js</code>文件中更利于维护代码，并且多个页面可以各自引用同一份<code>.js</code>文件。</p>
<p>可以在同一个页面中引入多个<code>.js</code>文件，还可以在页面中多次编写<code><script> js代码... </script></code>，浏览器按照顺序依次执行。</p>
<p>有些时候你会看到<code><script></code>标签还设置了一个<code>type</code>属性：</p>
<pre class="blockcode"><code><script type="text/javascript">
  ...
</script>
</code></pre>
<p>但这是没有必要的，因为默认的<code>type</code>就是JavaScript，所以不必显式地把<code>type</code>指定为JavaScript。</p>
<h3><a name="#-E5-A6-82-E4-BD-95-E7-BC-96-E5-86-99JavaScript"></a>如何编写JavaScript</h3>
<p>可以用任何文本编辑器来编写JavaScript代码。这里我们推荐以下几种文本编辑器：</p>
<p><a name="#Visual-Studio-Code"></a>Visual Studio Code</p>
<p>微软出的<a href="https://code.visualstudio.com/">Visual Studio Code</a>，可以看做迷你版Visual Studio，免费！跨平台！内置JavaScript支持，强烈推荐使用！</p>
<p><a name="#Sublime-Text"></a>Sublime Text</p>
<p><a href="https://www.sublimetext.com/">Sublime Text</a>是一个好用的文本编辑器，免费，但不注册会不定时弹出提示框。</p>
<p><a name="#Notepad-2B-2B"></a>Notepad++</p>
<p><a href="https://notepad-plus-plus.org/">Notepad++</a>也是免费的文本编辑器，但仅限Windows下使用。</p>
<p><em>注意</em>：不可以用Word或写字板来编写JavaScript或HTML，因为带格式的文本保存后不是<em>纯文本文件</em>，无法被浏览器正常读取。也尽量不要用记事本编写，它会自作聪明地在保存UTF-8格式文本时添加BOM头。</p>
<h3><a name="#-E5-A6-82-E4-BD-95-E8-BF-90-E8-A1-8CJavaScript"></a>如何运行JavaScript</h3>
<p>要让浏览器运行JavaScript，必须先有一个HTML页面，在HTML页面中引入JavaScript，然后，让浏览器加载该HTML页面，就可以执行JavaScript代码。</p>
<p>你也许会想，直接在我的硬盘上创建好HTML和JavaScript文件，然后用浏览器打开，不就可以看到效果了吗？</p>
<p>这种方式运行部分JavaScript代码没有问题，但由于浏览器的安全限制，以<code>file://</code>开头的地址无法执行如联网等JavaScript代码，最终，你还是需要架设一个Web服务器，然后以<code>http://</code>开头的地址来正常执行所有JavaScript代码。</p>
<p>在我们刚开始学习语法的时候，可以用编辑器来学习，用编辑器运行js

JavaScript入门01

浏览过的版块