一、js中获取元素的方法
1、通过id来获得获得标签:
var odiv = document.getElementById("odiv");
2、获得标签里面的内容:
var str1 = odiv.innerHTML;
内容可以累加(可以用来做无缝动画):
odiv.innerHTML = odiv.innerHTML + odiv.innerHTML;
二、函数的定义和调用:(可在定义前调用) 预编译
1、定义:
function fun1() {}
2、调用:
fun1();
三、控制标签
1、控制内部的html
var odiv = document.getElementById("odiv");
内部的html:odiv.innerHTML
2、控制标签的属性(选中了标签直接用点语法)
<input type="text" value="呵呵" id="oinput">
var oip = document.getElementById("oinput");
获得:alert(oip.value)
修改:oip.value = "修改后的值"
注意:要获取class属性的时候,应该 标签.className;
3、控制标签的css属性(odiv.style.background:获取的是行内式中的,修改的话也是修改到行内式中)
var odiv = document.getElementById("odiv");
odiv.style.background = "pink"
odiv.style.fontSize = "30px"
四、数组的操作
var arr = [10, 20, 30, "abc", true];
1、加在最后:
arr.push(50);
2、删除最后(并返回被删除的元素,括号内不能有参数):
arr.pop();
3、数组名.splice(要删除的第一个元素的下标(包括这个), 删除多少个元素,要增加的元素)
4、数组名.join("参数");将数组的元素合并成一个字符串,以参数的格式为分隔符
5、数组名.reverse();实现数组反转
6、获得元素的下标:数组名.indexOf(元素);
五、字符串的操作
1、拼接(从左到右,数字转字符串)
2、parseInt(str1):从第一个元素开始截取整数;
parseFloat(str1):从第一个元素开始截取小数;
3、str1.indexOf(元素):取元素下标
4、截取子串: str1.substring(0, 3) 左闭右开
5、以空格断为数组:str1.split(" ")
6、反转:str1.split("").reverse().join("")
六、定时器
作用:js提供定时器,可以用来做页面的动画效果
1、设置单次定时器:
setTimeout(函数名,间隔时间)
2、设置多次定时器:
timer = setInterval(函数名,间隔时间)
3、清楚定时器:
clearInterval(timer)