滑块:input range
事件 | 触发 |
---|---|
onchange | 数值发生改变 |
onmouseover | 鼠标移入的时候 |
onmouseout | 鼠标移出的时候 |
onclick | 鼠标点击事件 |
如何操控display
elem.style.display="block";
页面上不可见,也不占据空间
与visibility:hidden的区别:
页面上不可见,但是占据空间
换类名
elem.className="newname";
注意:是className,不是class
网页换皮肤
原理:写几套css样式,点击onclick换肤更换不同的css表
linkelem.href="css2"
页面加载完成后的触发事件
window.onload=function (){};
匿名函数
行为分离
js里面写elem.onchange=funName;
就不用在html里写
<input onchange="funName()">
定时器
setInterval(funName,1000)
//循环执行
setTimeout(funName,1000)
//只执行一次
关闭定时器
timer=setInterval(funName,1000);
clearInterval(timer);
获取时间
var odate=new Date();
var hour=odate.getHours();
var minutes=odate.getMinutes();
odate.getDay();//获取星期
字符串
获取字符串的某个位置的字符
var str="abcdefg";
str.charAt(0)//等于'a'
连续赋值
a=b=3;
先将3的值赋给b,再将b的值赋给a
无缝滚动图
position:absolute;
left:0;
elem.style.left//是字符串
elem.offsetLeft//是left的数值