JS笔记

JavaScript笔记（3.18）

1.兼容取行间样式封装成函数：

function getStyle(obj, name) {           
 if (obj.cueerntStyle) 
 {                
  	//IE下
  	return obj.cueerntStyle[name]
  } 
  else
   {               
   	//Chorme下
   	 return getComputedStyle(obj, null)[name]          
    }      
}

currentStyle只能取单一样式，不能取复合样式
复合样式：background、border
单一样式：width、height、position

二、数组基础

定义：var arr =[1,2,3]; (推荐）
或者
var a=new Array( 1,2,3 );

数组的属性

length:

• 即可以获取，也可以设置
• 例子：快速清空数组（ arr. length=0;)

原则

数组中最好只存一种变量类型。

数组的添加和删除

1.添加：

 push :从尾部添加  （类似栈）
unshift: 从头部添加

2.删除：

pop: 从尾部删除
shift： 从头部删除

3.从中间删除或添加数组元素

splice:
1.splice(起点，长度）；–>删除中间的一段
2.splice(起点，长度，元素1，元素2…）；–>先删除，再插入后面的元素1、2 (替换同理）

4.数组的连接（concat)

        var a = [1, 2, 3]        
        var b = [4, 5, 6]
        alert(a.concat(b))

5.join(连接符）

arr.join(’-’)

6.数组的排序和转换

排序：arr.sort()
主要应用是价格排序，销量排序
sort 默认的是排列字符串

若想比较数字大小：

<script>        
    var arr = [12,8 ,32 ,112 ,99]        	  
    arr.sort(function (n1, n2)                
    {            
    if (n1 < n2) {                
   	 return -1;//只要是负数就行，负几都行            
    } else if (n1 > n2) {                
   	 return 1;            
    } 
    else {               
     	 return 0;           
      }        
      })        
    alert (arr);   
</script>

简化后：

    <script>       
     var arr = [12,8 ,32 ,112 ,99]        
     arr.sort(function (n1, n2)
     return n1-n2;                
     {            
     /*if (n1 < n2) {                
     return -1;            
     } else if (n1 > n2) {                
     return 1;            
     } else {                
     return 0;            
     }        
     })        
     alert (arr);    */
     </script>