智能社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(函数,时间):执行一次