智能社js学习笔记

style.height书写方式与style[height] 书写等价即.可与[]互换

可以用.的地方也可以用[]，但是[]更好的地方在于可以用在函数传参

<script type="text/javascript">
function to(name,num){
    var to=document.getElementById('div1');
    to.style[name]=num;
     }
</script>

</head>
<body>
    <button   onclick="to('backgroundColor','red')">变红</button>
    <button onclick="to('height','400px')">变高</button>
<div id="div1">
</div>
</body>

style加样式是在行间添加，取样式也是在行间取，如果样式写在外部文件，则style无效；

非行间利用currentStyle，但是只支持IE；只能读取样式，不能写样式

getComputedStyle，只能读取样式，不能写样式支持火狐谷歌 getComputedStyle有两个参数getComputedStyle（“元素”，“伪类”l）第一个元素是，第二个参数是伪类，Gecko 2.0 (Firefox 4 / Thunderbird 3.3 / SeaMonkey 2.1) 之前，第二个参数“伪类”是必需的（如果不是伪类，设置为null），不过现在嘛，不是必需参数了,没有用相当于垃圾，传什么都可以，返回的是一个CSS样式声明对象([object CSSStyleDeclaration])

样式优先级：*通配符<标签<class<id<行间style

用了style之后再修改className就不起作用了，因为style的优先级大于className，所以全篇如果用style就一直就style，若用className就一直用className

arguments(可变参、不定参)参数的个数可变，参数数组

1、可用于检测参数个数

function sum(){
    alert(arguments.lenth);
}
sum(2,1,3);//结果3
sum()//结果0
sum("string",3)//结果2

2、可用于模拟函数重载

function doAdd() {
  if(arguments.length == 1) {
    alert(arguments[0] + 5);
  } else if(arguments.length == 2) {
    alert(arguments[0] + arguments[1]);
  }
}

doAdd(10);    //输出 "15"
doAdd(40, 20);    //输出 "60"

数组操作：

push（x）：尾部添加 eg：var arr[]=[1,2,3]; arr.push(4); alert(arr);//弹出结果为1,2,3,4

pop（）：尾部删除 eg:var arr[]=[1,2,3]; arr.pop(); alert(arr);//弹出结果为1,2

shift（）：头部添加

unshift（）：头部删除

splice（起点，长度）：删除从起点开始长度为设定的数组元素

splice（起点，长度，元素....）：插入从起点开始删除长度个元素再插入元素

定时器：

setInterval（函数，时间）：无限执行

setTimeout（函数，时间）：执行一次

秒客网

智能社js学习笔记

相关文章