javaScript学习笔记（一）js基础

一、简介
1、概述：

JavaScript是目前web开发中不可缺少的脚本语言，js不需要编译即可运行，运行在客户端，需要通过浏览器来解析执行JavaScript代码。

诞生于1995年，当时的主要目的是验证表单的数据是否合法。

JavaScript本来应该叫Livescript，但是在发布前夕，想搭上当时超热的java顺风车，临时把名字改为了JavaScript。（也就是说js跟java没有关系，当时只是想借助java的名气）。

js组成部分：

（1）核心（ECMAScript）：这一部分主要是js的基本语法。

（2）BOM：Brower Object Model（浏览器对象模型），主要是获取浏览器信息或操作浏览器的，例如：浏览器的前进与后退、浏览器弹出提示框、浏览器地址栏输入网址跳转等操作等。

（3）DOM：Document Object Model（文档对象模型），此处的文档暂且理解为html，html加载到浏览器的内存中，可以使用js的DOM技术对内存中的html节点进行修改，用户从浏览器看到的是js动态修改后的页面。（增删改查）
2、特点：

    交互性（它可以做的就是信息的动态交互）
    安全性（不允许直接访问本地硬盘）
    跨平台性（只要是可以解析js的浏览器都可以执行，和平台无关）

3、和Java区别：

4、作用

avaScript 被用来改进设计、验证表单、检测浏览器、创建cookies，等等。JavaScript 是因特网上最流行的脚本语言，并且可在所有主要的浏览器中运行，比如： Internet Explorer、 Maxthon、Mozilla、Firefox、Netscape、Chrome和 Opera等。

在目前学习阶段只要记住最常用的二个：（1）运态修改html及css代码 （2）验证表单
5、书写位置

5.1、内嵌式：

理论上js可以书写在页面的任意位置。

 

5.2、外链式：

首先新建一个文件类型为.js的文件，然后在该文件中写js语句，通过script标签对引入到html页面中。

 

5.3、行内式：

直接书写在标签身上，是一个简写的事件，所以又称之为事件属性。     onclick单击事件

   

 

6、注释：

   
    注意：多行注释相互不能嵌套使用，只能在多行注释里面使用单行注释！

 

7、数据类型：

Js中的数据类型：
 

    数值型：number（凡是数字都是数值型，不区分整数和小数）
    字符串：string（凡是引号包裹起来的内容全部都是字符串）
    布尔：boolean（true、false）
    对象类型：object（特殊取值null）
    未定义型：undefined

对比java中的数据类型：

    整数：byte short int long
    小数：float double
    字符：char
    布尔：boolean
    字符串：String

8.1变量:

     量：在计算机中用来存储和表示数据   x = 10; //x存储的就是10  后期可以用x来表示10

      常量：在程序运行过程中，其值不会发生变化      PI = 3.1415926                

      变量：在程序运行过程中，其值会发生变化

8.2、变量命名规范：

    1.    只能由字母、数字、_（下划线）、$（美元符号）组成。
    2.    不能以数字开头。
    3.    命名中不能出现-（js会理解成减号进行减法的操作），不能和关键字冲突
8.3、在js中如何定义变量：

       第一种： var x = 100;// 声明了一个变量，同时将10赋值给x变量（用的最多的）

       第二种：var x; //先声明

              x = 100;// 再赋值

       其他写法：

           var x,y;//声明了两个变量，一个x，一个y

           x = 10;

           y = 20;

           var x = 10,y;//声明了两个变量，一个x，一个y

           y = 20;

9.js的输出语法

10.js的输出类型：

 数据类型：

        基本数据类型：

           Number类型：数字类型

                 + 整数     10   20

                 + 小数     10.1   20.1

                 + 科学计数法  10e5

                 + 二进制    0b01010011010

                 + 八进制    01717  （只认识0-7）

                 + 十进制    19

                 + 十六进制  0xabc123      (认识0-9和a-f)

                 + NaN  (不是一个数字的数字类型)

           String类型：字符串类型

                + 用单引号或者双引号包裹起来的  

                + "哈哈哈"

                + "1234"

                + '1234'

                + ''

           Booelan类型：布尔类型

                +只有两个值

                +true（真）

                +false（假）

           Undefined类型：未定义类型（声明了变量，没有赋值   var x;）

                + 结果就是 undefined

                + 只声明，没有给赋值

                + var x;

                + console.log(x);//undefined

           Null类型：空类型

                + 结果就是null

                var x = null;

11.运算符：

        赋值运算符：

         1. = ： 赋值运算符     x = 10;将10赋值给x

         2. +=： x+=3; 等价于x=x+3; 将左边的x和右边的3求和，重新赋值给x

         3. -=:  x-=3; 等价于x=x-3; 将左边的x和右边的3求差，重新赋值给x

         3. *=:  x*=3; 等价于x=x*3; 将左边的x和右边的3求乘积，重新赋值给x

         3. /=:  x/=3; 等价于x=x/3; 将左边的x和右边的3求商，重新赋值给x

         3. %=:  x%=3; 等价于x=x%3; 将左边的x和右边的3求余数，重新赋值给x