JavaScript入门基础

为什么要学习JavaScript（简称js）

1、js的简述

js最初的出现就是为了实现一些表单的验证，例如现在浏览器上的登录或者注册页面。js现在的用处比较多，几乎是无处不在:PC web页面特效、移动端、AJAX、后端开发（node.js）、游戏、智能家居等。后面的js的历史就不给大家赘述了，网上一找一大堆，我们尽量多说一点技术。

2、js的组成

JavaScript有三部分组成：

       ECMAScript核心语法、

       DOM 文档对象模型，操作网页内容的一套API

       BOM 浏览器对象模型，操作浏览器的一套API

3、JavaScript在HTML中的书写方式

      3.1 行内JS(了解)

        行内js写在标签中，一般配合事件使用，在实际开发中不推荐使用，事件是和网页交互的行为，如：鼠标点击、鼠标移动、鼠标离开、键盘按下等。例如在HTML中写入下面的代码机会在页面弹出数字1：

<button onclick = "alert(1)">按钮</button>;

      3.2 内部js(重要)

内部js，在head标签或者body标签中使用script标签，例如：

<script type="text/javascript">

     js代码

</script>

标签的type属性目的告诉浏览器，该标签中是js代码。type属性在html5版本中可以省略。

它的优点是：减少和HTML代码的耦合

<script>
//窗口弹出数字1
alert(1);
</script>

      3.3 外联js(重要)

外联js,在head标签或body标签中使用script标签。

<script src='js文件路径'></script>

优点:彻底和HTML分离，便于后期代码的维护。

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

这里的js文件是在同一文件夹下创建的 。

4、js输出内容的方式

在页面弹出警告框 alert('你好');

控制台输出 console.log('你好');

在网页中打印 document.write('你好')；

接受用户输入的内容 prompt('请输入用户名')；

5、代码在js中的注释

单行注释：

//单行注释，在窗口弹出文字
alert('文字');

多行注释：

/*
多行注释
控制台打印
*/
console.log('你好啊弟弟');

6、代码规范

① 代码要缩进，建议缩进2或4个空格。

② 一般情况下，每条语句后要加分号。

③ 一般情况下，每条语句要独占一行。

7、js代码的默认执行顺序

js代码的默认执行顺序是自上而下执行的。