javascript事件

滑块: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里写

定时器

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的数值

你可能感兴趣的:(javascript事件)