JS应用

通过标签获取元素

var aLi= document.getElementsByTagName('li')
1-8
aLi.style.backgroundColor='red' 设置不了
aLi[0].style.backgroundColor='red' 设置 整个文档的内容
var oLIst=document.getElementsById（‘ul下的id’）
var aLi= oLIst.getElementsByTagName('li') ul下的查找

ul
li1li
/ul

循环语句

var oLIst=document.getElementsById（‘ul下的id’）
var aLi= oLIst.getElementsByTagName('li') ul下的查找
for （var i=0；i<8;i++）{
aLi[i].style.background='red'
}
结果都有颜色
for （var i=0；i<aLi.length;i++）{
aLi[i].style.background='red'
}
全部设置颜色。活的。
for （var i=0；i<aLi.length;i++）{
if(i%2==0){
aLi[i].style.background='red'
}
}

var i=0；
while (i<aLi.length){
if(i%2==0){
aLi[i].style.background='red'
}
i++

var i=0;
do{
if(i%2==0){
aLi[i].style.background='red'
}
i++
}while (i<aLi.length)
先执行一次，在判断。

数组去重

bat常考
var aRr =[22125658797]
var aRr2 =[]
for(var =0;i<aRr.length;i++);
if (aRr.indexOf(aRr[i])==i){ 查看第一次出现的i
aRr2.push(aRr[i]);
}

字符串处理方法

var sTr ='2017-11-11'
var aRr=sTr.split(-)
2018,11,11 变为数组

var aRr2 =sTr.split('')
每个字符切成一个数组元素
['2','0','1'...]

document,title=aRr2；
在标题上写入内容，重写title标题了。

var sTr2 ='#div1'
var sTr3 ='.div1'
var sTr4 =sTr2.charAt(0) 取出下标为几的字符 结果： #
if (sTr4 == '#'){
alert('id')
}

var sTr5 = 'Microsoft Yahei' 字体
var num =sTr5.indexOf（‘Yahei’） 查找元素位置 result：10
var num 2=sTr5.indexOf（‘ahei’） 找不到 result: -1

var sTr6 =sTr5.substring（10,15） 从下标10开始截到15不包括15
var sTr6 =sTr5.substring（10） 从下标10开始截到最后。

alert(sTr6.toUpperCase()) 全部大写
alert(sTr6.toLowerCase()) 全部小写

字符串反转

var aRr2='dadasdas'
var aRr2 =sTr.split('').reverse().join('');
先切成数组，然后在数组反转，最后数组拼接成字符串。
alert(aRr2)

计算器

body
h1 计算器 h1
<input type='text' id='input01'>
<select id='select'>
< option value='1'><>
</select>
body

定时器弹框

setTimeout 只执行一次的定时器
clearTimeout 关闭只执行一次的定时器
setInterval 反复执行的定时器
clearInterval 关闭反复执行的定时器

fixed相对于浏览器。