JavaScript入门

JavaScript，就是我们通常所说的JS，是一种嵌入到HTML页面中的脚本语言，由浏览器一边解释一边执行。

HTML、CSS和JavaScript的关系如下：

“HTML是网页的结构，CSS是网页的外观，而JavaScript是页面的行为。”

我们都知道单纯的HTML页面是静态的（只供浏览），而JavaScript的出现，把静态的页面转换成支持用户交互并响应相应事件的动态页面。那么在我们平常的浏览的网页中，都有哪些地方用到了JavaScript呢？

我们就拿绿叶学习网来说，导航、tabs选项卡、回顶部这些地方都用到了JavaScript。HTML只是一门描述性的语言，这些地方单纯地使用HTML是无法实现的，而必须使用编程的方式来实现，那就必须使用JavaScript了。

编写JavaSceipt的基本流程

1.布局 ：HTML/ASP.NET+CSS

2.属性 ：确定要修改那些属性

3.事件 ：确定用户进行那些操作

4.编写 ：在事件中，用JavaScript来完成用户需求

5.向页面输出内容 ：doucument,write(文本内容)

6.弹出警告框 ：alert(文本内容)

7.输出语句 ：1.prompt( "标题" ，"默认值")，不建议使用

                      2.通过表单元素进行输入

JavaSceipt的数据类型

JavaScript数据类型有2大分类：一是“基本数据类型”，二是“引用数据类型”。

其中，基本数据类型包括以下四种：

1. 数值数据类型（number）

2. 布尔类型(boolean)

3.  未定义数据类型(undefined)

4. 空数据类型(null)

引用数据类型包括以下三种：

1. 字符串类型(string)

2. Array 数组类型

3.对象类型 （Object）

注：使用typeof运算符可以查看变量的数据类型

数据类型的转换

在JavaScript中，将字符串型数据转换为数值型数据有parseInt()和parseFloat()这2种方法。其中，parseInt()可以将字符串转换为整型数字，取整数，不会进行四舍五入， 例如：parseInt("86.6")将字符串"86.6"转换伟整型值86 ；parseFloat()可以将字符串转换为浮点型数字，例如：parseFloat("34.45")将字符串"34.45"转换为浮点值34.45。在js中变量的数据类型跟该变量后面赋的值有关，后面的值的类型是什么， 那么该变量的数据类型就是什么，比如一个变量的值是字符串类型的，那么该变量就是字符串类型。

如图下所示：

 

JavaScript注释

在编写JavaScript代码时，我们经常要在一些关键代码旁做一下注释，这样做的好处很多。

1. "//" 两个斜杠代表单行注释

2. "/* */" 代表多行注释，" /* "在首字前，" */ "在尾部，即可注释成功。

“//”是单行注释方式，如果你的注释内容只占一行就应该使用这种注释方式。“/**/”是多行注释方式，如果你的注释内容占多行建议使用这种注释方式。

如图下所示：

 

JavaScript变量

声明一个变量，语法格式可以是：var 变量名 = 变量值

变量命名规范：可以是字母，数字，下划线，首个字母不能是数字,不能使用关键字。

变量的声明有多个方法，如图下所示：

typeof的用法

typeof可以查看变量的数据类型。