2.GetStyle获取单一样式(width,height,length等),IE支持:object.currentstyle
chome:getcputedstyle(object,name)
3.数组的使用,定义,int arr=[1,2,3]
尾部添加push,尾部删除pop,
头部添加unshift,头部删除shift。
splice(开始,长度,元素)从中间先删除后添加插入元素。
splice(开始,长度)从给定位置开始删除
数组连接concat
数组,字符数组连接join
字符排序sort()
4.for in 的使用,for in 一般适合于用于arguements,,for循环一般用于数组,可以求到长度的数组。
5.时钟,定时器
定时器:setinterval(code,delay);每间隔delay时间执行一次
settimeout(code,delay);经过delay时间执行一次,且执行一次。
6.时钟的设置:原理图片不断的刷新,获取当前系统时间,然后生成对应的字符串,再刷新现在的图片,达到效果即可。
7.日期对象;Date var dat=new Date();
8数码时钟的实现:因为本人是看的网络课,没有实现的素材,所以就自己弄个不好看的素材。设置数码时钟用到,几个方法,获取本地时间:getHours();getSeconds();getMinutes();
显示系统时间,字符串连接,字符串预处理,空位补零;
兼容性问题解决,ie7会出现问题,图片无法显示。因为字符串获取的问题。使用charAt方法,解决字符串的问题。
附录时钟代码:
<script>
function toDou(n){
if(n<10)
{return '0'+n;}
else{
return ''+n;
}
}
window.οnlοad= function(){
var aImage=document.getElementsByTagName('img');
function tick(){
var oDate=new Date();
var str=toDou(oDate.getHours())+toDou(oDate.getMinutes())+toDou(oDate.getSeconds());
for(var i=0;i<aImage.length;i++){
aImage[i].src='image/'+str.charAt(i)+'.png';
}
}
setInterval(tick,1000);
tick();
};
</script>
<style>
#imag{background:#000;color:#FFF;font-size:50px}
</style>
<body>
<img id="imag" src="image/0.png" />
<img id="imag" src="image/0.png" />
:
<img id="imag" src="image/0.png" />
<img id="imag" src="image/0.png" />
:
<img id="imag" src="image/0.png" />
<img id="imag" src="image/0.png" />
</body>