一、操作样式:
.style 操作行间样式
.className 修改class
二、操作属性
1. . 更简单,操作已有的属性
2. [] 更灵活,点能做的,方括号都能做。方括号中放的是字符串,方括号可以放变量,点不能。
三、获取元素的方式
document.getElementById 通过ID获取一个元素
obj.getElementsByTagName 通过标签名获取一组元素
obj.getElementsByClassName 通过class获取一组元素 通过class获取不兼容。不兼容:IE6,7,8
四、检测数据类型:typeof 数据类型: number 数字 boolean 布尔值 string 字符串 undefined 未定义 object 对象 function 函数
五、获取非行间样式:
function getStyle(obj,sName){
return obj.currentStyle?obj.currentStyle[sName]:getComputedStyle(obj,false)[sName];
}
六、获取随机数 Math.random() 获取0-1之间的小数,包括0 ,永远不包括1
function rnd(n,m){
return parseInt(n+Math.random()*(m-n));
}
七、定时器:
事件以毫秒为单位
setInterval(fn,ms) 连续执行
setTimeout(fn,ms) 执行一次
**先清后开。
八、日期对象
var oDate = new Date(); 获取
oDate.getFullYear() 获取年
oDate.getMonth() 获取月,要+1
oDate.getDate() 获取日
oDate.getDay() 获取星期,星期日是0
oDate.getHours() 获取时
oDate.getMinutes() 获取分
oDate.getSeconds() 获取秒
oDate.getTime(0 获取时间戳 时间戳: 1970年1月1日 0:0:0:0 到现在经历过的毫秒数
设置 oDate.setFullYear(y,m,d); oDate.setFullYear(y,m); oDate.setFullYear(y);
oDate.setMonth(m,d); 月份要-1 oDate.setMonth(m);
oDate.setDate(d); 设置日
oDate.setHours(h,m,s,ms); oDate.setHours(h,m,s); oDate.setHours(h,m); oDate.setHours(h);
oDate.setMinutes(m,s,ms); oDate.setMinutes(m,s); oDate.setMinutes(m);
oDate.setSeconds(s,ms); oDate.setSeconds(s);
日期对象会自己进位
九、arguments 实参参数的数组。
当参数个数不固定时,使用这个东西。
十、i的问题
1.循环中加事件,事件中使用i
解决:自定义属性 封闭空间
2.循环中加定时器,定时器中使用i
解决:封闭空间
十一、封闭空间:省了个名字。 (function(){})();
封闭空间的作用: 1.解决i的问题。 2.解决变量名冲突的问题。
十二、eval 把字符串变成可执行的语句
evaljson的时候要加括号
var str = '{a:1,b:2}';
eval('('+str+')');
十三、json 装东西的
没有length 下标是名字 用for...in循环
十四、批量设置样式
function setStyle(){
if(arguments.length==2){
for(var name in arguments[1]){
arguments[0].style[name]=arguments[1][name];
}
}else{
arugments[0].style[arguments[1]]=arguments[2];
}
}
十五、数组的length可以更改
清空数组: arr.length=0;
arr = [];
arr.splice(0,arr.length);
while(arr.length){ arr.pop(); arr.shift(); }
十六、获取浏览器信息: window.navigator.userAgent