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 type="text/javascript" > js代码 </script>
第二种：
　　--引入外部文件：
　　– 创建一个 .js文件。
　　-- <script type="text/javascript" src=" 外部文件地址 "> </script>
　　　注意： 在第二种中的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标签里使用。

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