JS应用

作者: 叫我老村长 | 来源:发表于2018-07-20 08:29 被阅读2次

    通过标签获取元素


    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相对于浏览器。
    ***
    

    月份范围0-11
    星期天是一周第一天 0-6

    相关文章

      网友评论

        本文标题:JS应用

        本文链接:https://www.haomeiwen.com/subject/usqfmftx.html