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>