JS基础

一、javascript的简介：

• *javascript 是一种基于对象和事件驱动的语言，主要应用于客户端。
  　　　　– 基于对象：
  　　　　　 提供了很多对象，可以直接使用。
  　　　 --事件驱动：
  　　　　　html做的网页是静态效果，javascript做的是动态效果。
  　　　　--客户端：
  　　　　　主要是指浏览器。

• *js的特点：
  　　　　　　　　（1）交互性：
  　　　　　　　　　　　　--信息的动态交互。
  　　　　　　　　（2）安全性：
  　　　　　　　　　　　　--s不能访问本地磁盘中的文件。
  　　　　　　　　（3）跨平台性：
  　　　　　　　　　　　　--与java不同，js直接使用 浏览器跨平台。

• *javascript和java之间的区别：（没有任何关联）

1）java是sun公司（现在是oracle）发布
　　　　　　　js是网景公司发布。
　　　　　　2）javascript是基于对象的，java是面向对象的。
　　　　　　3）java是强类型的语言， js是弱类型的语言。
　　　　　　4）js是解析就可以执行， java需要先编译再执行。

*js的组成
　　　　　　　　有三部份
　　（1）ECMAScript
　　　　　　--ECMA ：欧洲计算机协会， 由其为ｊｓ指定语法。
　　（2）BOM
　　　　　--broswer object model ： 浏览器对象模型。
　　（3）DOM
　　　　　　--document object model ：文档对象模型。

二、js和html的结合方式（两种）

• 第一种：
  　　　--使用一个标签：
  　　　
  　　　注意： 在第二种中的script标签中不要写其他js代码了，不会被执行。

三、js的原始类型和声明变量

• js中，只有五个原始类型：
  　　　　　　　　--string： 字符串
  　　　　　　　　　　　　*** var str = “abc”;

• – number: 数字类型
  　　　　　　　　　　　　*** var num = 123;

• – boolean: true和false
  　　　　　　　　　　　　*** var falg = true;

• –null:
  *** 获取对象的引用，null用来表示引用为空，所有对象的引用都为 object
  　　　　　　　　　　　　*** var date = new Date();

• –undifined
  　　　　　　　　　　　　*** 定义一个变量，没有被赋值
  　　　　　 　*** var aa;
  ** typeof() ;查看当前变量的数据类型。
  　　　　** alert（） ; 在页面跳出一个对话框。
  　　　　** document.write();直接想页面输出的语句（可以把括号内的语句输出到页面上）
  　　　　　　　　　　　　　　 也可以输出html代码。

四、js的语句

• –在js里面也有这些语句
  ***if判断语句
  　 注意：　　*****=： 赋值
  　　　　　 *****==：判断
  ***switch语句
  　　　　　　　　　　　
  　– js中所有类型都支持。
  　– switch（a）{
  　　　　　　　　　case 1：
  　　　　　　　　　break；
  　　　　　　　　 case 2：
  　　　　　　　　　break；
  　　　　　　　　　default：
  　　　　　　　}

五、js的运算符

** += ： x+=y; 等于： x=x+y;
*js中的字符串的相加和相减的操作
　　　　　　　　var str = “123”;

***在相加的时候，做的是字符串的连接。
　　　　　　　　***在相减的时候，做的是减法运算。

如： alert(str+1)//结果为1231.
　　　　　　　　 alert(str-1)//结果为122.
住意：当str不是一个数字的时候，减法运算会提示错误。
　　　　　　　　　　var str = “abc”;
　　　　　　　　　　alert(str-1);//结果为：提示NaN： 表示这不是一个数字。
**boolean也可以进行数学运算
　　　　　　　　***如果设置成 true ，进行数学运算的时候，相当于值为：1
　　　　　　　　***如果设置成 false ，进行数学运算的时候，相当于值为： 0
　** == 和 === 的区别
　　　　　　　　　　他们都是用来做相等判断的，
　　　　　　　　*** 比较的是 值
　　　　　　　　*** 比较的是 值 和 类型
　　　　　　　　　　如： var i = “5”;
　　　　　　　　　　　　　　i == 5为： true。
　　　　　　　　　　　　　　i === 5 为： false。

六、js的数组

–js数组定义方式（三种）：
　　　　　　　　第一种： var arr = [1,2,3] || var arr = [1,“2”,true]
　　　　　　　　第二种： 使用内置对象 Array，
　　　　　　　　　　　　var arr = new Array(5); //定义了一个长度为5的数组。
　　　　　　　　　　　　arr[0] = “1”; arr[1] = 2; arr[2] = true;

第三种： 使用内置对象 Araay，
　　　　　　　　　　　　var arr = new Array(3,“4”,true);//定义一个数组，其中值为：3，4，true
–数组中有一个属性 length： 获得数组的长度。

–数组的长度是可变的。

–数组可以存放不同类型的值

七、js中的方法

**在js中定义方法，有三种方式：
第一种方式：
　　　　　　　　　　***使用一个关键字 function
　　　　　　　　　　***function 方法名（参数列表）{
　　　　　　　　　　　　　　　　方法体;
　　　　　　　　　　　　　　　　返回值（视需求，可有可无）;
　　　　　　　　　　　　}
　　　　　　　　　　　　for example:
　　　　　　　　　　　　　　　function add(a ,b,c){
　　　　　　　　　　　　　　　　　　var sum = a+b+c;
　　　　　　　　　　　　　　　　　　return sum;
　　　　　　　　　　　　　　　}
　　　　　　　　　　　　　　(调用方法名，使用定义的方法)
第二种方式：
　　　　　　　　匿名方法。
　　　　　　　　*** var 变量名 = function（参数列表）{
　　　　　　　　　　　　　　　　方法体;
　　　　　　　　　　　　　　　　返回值;
　　　　　　　　　　}
　　　　　　　　　　　　如：
　　　　　　　　　　　　　　var add = funtion(a,b){
　　　　　　　　　　　　　　　　　　var sum = a+b;
　　　　　　　　　　　　　　　　　　return sum;
　　　　　　　　　　　　　　　　}
　　　　　　　　　　　　　　(之后使用变量名调用方法)

第三种方式：
　　　　　　　　***动态方法。
　　　　　　　　***使用一个js的内置对象 Function
　　　　　　　　　　var 变量名 = new Function（“参数列表”,“方法体 和 返回值”）; (注意，参数和方法体之间是逗号)
　　　　　　　　　var add = new Function(“a,b”, “var sum=a+b; return sum”);(之后使用变量名调用函数)
　　　　　　　　　****注意，此方式中，可以预先定义好参数列表，和方法体与方法名，在定义方法的时候直接传进来。

八、js的全局变量， 和局部变量

**全局变量： 在script标签里面定义的一个变量，这个变量在页面中js部分都可以使用
　　　　　　　　　　--在方法外部使用， 在方法内部使用， 在另一个scipt标签里使用。

**局部变量： 在方法内部定义的一个变量，只能在在方法内部使用。