JavaScript的介绍、使用及其对象介绍

JavaScript（JS）的介绍及使用

* 发展史：
	* 1992年，nombas公司 C--,最早的客户端脚本语言。专门用于表单验证。 后更名为 scriptEarth
	* 网景	scriptlive，后来找到sun公司合作，共同开发出  JavaScript
	* 微软抄袭JavaScript 定义了 JScript
	* ECMA(欧洲计算机制造商协会)定义了一套客户端脚本语言的规范  ECMAScript规范
		JavaScript = ECMAScript规范 + js自己特有的东西(BOM/DOM)
	* js与html结合方式
		* 内部js：
		* 定义<script>标签，标签体书写js代码
		* 注意：<script>标签定义的位置，会影响执行顺序
		* 外部js:
		* 定义<script>标签,通过src属性导入外部js文件
* ECMAScript规范	
	* 语法：
	
		常量：
			* 基本数据类型：
				Java中：
					整型：byte short int long
					浮点型：float double
					布尔型：boolean
					字符型：char
				js原始数据类型:
					number：数字类型，包含整数和小数和 NaN(not a number)
					string: 字符串和字符类型	""  ''
					boolean: true 和 false
					null： 空类型。对象的占位符
					undefined：未定义,如果一个变量没有初始化值，默认为undefined
				
		变量：
			* 语法：
				* 使用 var定义变量  var i = "abc";
				* js是一门弱类型语言：定义变量时，不需要规定其数据类型。
				* typeof运算符：获取变量的数据类型
				* var关键字如果不书写，该变量则为全局变量
		
		语句：
			if
			switch
			while
			do...while
			for
			
		运算符:自动类型转换
			* 一元运算符
				++ --  +(正) -(负)
				* 注意：在js中，如果传递给运算符的值，和 运算符想要接受的 值 的类型不匹配，则会自动类型转换
		
				* 其他类型转为number
					string：将字符串的字面值，转为number，如果字面值不是数字，则 转为NaN
					boolean： true为1 false 为0
					
			* 比较运算符
				* > < >= <=: 
				* NaN参与的运算，结果都为fasle，除了(!=)
				* 字符串比较小大：如果长度一致按照字典顺序比较  长度不一致 那谁的长度长那就谁大
				* !=:
				* == ===(全等于):
					* 全等于比较时，先比较类型，如果类型不一致，直接返回false
			
			* 逻辑运算符
				&& || !
					* 其他类型转boolean
						* number：非0为true，0和NaN为false，
						* string: 除了空字符串("")，其他都是true
						* null 和 undefined:转为false
						* 对象:所有对象都为true
			
			* 算术运算符：
				+ - * / %
				注意:NaN 参与数学运算 结果都为NaN

			* 赋值运算符
				= += ....
			
			* 三元运算符
				表达式 ? 值1 : 值2; 
	
	* 对象：
		* js是一门基于对象的语言
			* 基于对象：不能由原生的对象派生出新的对象。换句话说，不存在继承关系
	
	
	
		* Function(*****): 代表函数
				* 创建方式：
					* var fun = new Function("参数列表","方法体");
					* function 方法名称(形参列表){
							方法体
					  }
					* var fun = function(){
					
					  }
				
				* 属性：
					length：形参的个数
				
				* 使用：
					* 函数名称(实参列表);	
					* 特点：
						1.函数的调用，只与函数名称有关，与实参列表无关
						2.函数内部有内置对象 arguments 封装实参数组
				
				* void运算符：拦截返回值，一般结合a标签一起使用
					* 注销a标签跳转功能，保留可被点击的功能
						<a href="javascript:void(0);" onclick="exit();">退出</a>

JS中的内置对象

 一：String 对象
   	1.      定义方式1： String  str=new String("abckdddd");
         	定义方式2：var  str="我爱你爱你";

    	2. 属性：length: 字符串的长度


	3 方法：
		charAt() 返回在指定位置的字符。 
			例子：var v="abcd";
			          var a=v.charAt(2);   

		concat() 连接字符串。 
			例子：var v="ab";  var a="cd";
				var z=v.concat(a);
			
		indexOf() 根据字符检索此符在字符串中的索引。 
			例子：var v="abcde";
				var z=v.indexOf("c");			

		lastIndexOf() 从后向前搜索字符串。 
		substring() 提取字符串中两个指定的索引号之间的字符。 
			var v="abcde";
			var z=v.substring(0,3); 含头不含尾

		toLowerCase() 把字符串转换为小写。
			例子：
		 var str = "Hello World!";
		 document.write(str.toLocaleLowerCase());


		  toUpperCase() 把字符串转换为大写。 

		replace() 替换字符串。
			例子： 
			var v="abceaaaa";
			var z=v.replace("a","h");  参1：被替换的字符/或字符串   参数2：替换成哪个字符/或字符串

		split() 把字符串分割为字符串数组。
			例子： 
			var v="a#b#c#d";
			var z=v.split("#");

		* trim():去除字符串两端的空格
			例子： 
                                                         var v="  abcd     ";
			var z=v.trim();


二：Number对象
	定义方式：var num=new Number(555.6666);
		var num1=Number(5694);
	
	方法：
		
		toString()  把数字类型转成字符串类型
		例子：
		var v=Number(695444);
		var z=v.toString();

		toPrecision()  把数字格式化为指定的长度。也就是小数后面保留几位
		例子：
		var v=Number(3.5999999999999);
；		var z=v.toPrecision(4);
	
三：Date 对象
	定义方式： var  myDate=new Date();
	
                 方法：
		getTime()   获取从1970-01-01 00:00：00   到当前的毫秒值
		
		toLocaleString()  将时间转化成本地格式 利于阅读

		例子

		var myDate=new Data();
		var time=myDate.getTime();
		var localTime=time.toLocaleString();

四：Math 对象   特点： 该对象不需要创建  直接对象名点上方法

     Math.random()；随机产生0----1 之间的随机数      var  num=Math.random()*100;
     Math.round(2.36); 对小数进行四舍五入  得到一个整数    var n=Math.round(Math.random()*100);
     Math.min(15,25); 取最小值
     Math.max(15,25);取最大值
     Math. abs(-2) 返回数的绝对值。 
     Math.floor(2.6);向下取整
     Math.ceil(3.82);向下取整

五：数组对象：
定义方式：  var arr=new Array(2,6,8);
	   var  arr1=[6,"a",6];
属性：  length  数组的长度

* 特点：
		* 在js中数组可以存储任意类型元素
		* 在js中数组的长度可变
	* 方法：
		concat() 连接两个或更多的数组，并返回结果。  
			例子：var v=[1,2];  var v2=[3,4];
				var z=v.concat(v2);
		join() 把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。 
			var v=[1,2,3];
			var z=v.join("-");  给数组元素之间添加分隔符
		pop() 删除并返回数组的最后一个元素 
			例子：
			var arr = [1, 6, 20];
		                alert(arr.pop());
		push() 向数组的末尾添加一个或更多元素，并返回新的数组长度。 
			例子：var arr = [1, 6, 20];
			         alert(arr.push(28));
		reverse() 颠倒数组中元素的顺序。

		sort() 对数组的元素进行排序  从小到大
			* 默认排序方式：字典顺序
			* 要想实现自己的比较方式，需要传入比较器方法对象
			例子：var arr = [1, 6, 20, 100];
		                  alert(arr.sort(bijiao));

		function bijiao(a, b) {
			if(a > b) {

				return 1;
			} else if(a == b) {

				return 0;
			} else {

				return -1;

			}
			//return a-b;

		}
遍历数组：


六：Global：全局方法对象
		* 特点:该对象中的方法调用，不需要对象的引用，可直接使用
		
		* isNaN() 检查某个值是否是NaN。 
			例子：var v=NaN;  var v1="abc"; var v2=123;
				var b=isNaN(v); 
				var b1=isNaN(v1);
				var  b2=isNaN(v2);

			
			* parseInt() 解析一个字符串并返回一个整数。  
				* 从左向右依次查找，每一位是否是数字，直到遇到不是数字为止。将前边的值转为数字
					比正号强大些  var v=+“123”；
				例子：  var v=“152abc”
				var  v="123";
				var z=parseInt(v)+1;



七：RegExp(**):正则表达式对象
		
八： BOM：

九： DOM：