[妙味JS基础]第一课:属性操作、图片切换、短信发送模拟

时间:2021-03-29 20:10:18

知识点总结

  • HTML的属性操作:读、写
    元素.属性名          => “读”
    元素.属性名=新的值   => “写”

    例如:
    oBtn.value          => “读”
    oBtn.value='按钮'    => “写”

    注意事项:
    1、表单元素的类型不要乱改,即oInput.type='checkbox',因为IE6、IE7、IE8不支持

    如果还要实现这种效果,
    比如:点击后,由button变成checkbox
    实现方法:将button隐藏起来,checkbox显示来实现

    2、float
    IE(styleFloat),非IE(cssFloat)
    oDiv.style.styleFloat = 'left'
    oDiv.style.cssFloat = 'left'

    避免这样处理,使用CSS来控制,即:
    .fl {float:left}
    .fr (float:right)
    oDiv.style.className = 'fl'
    oDiv.style.className = 'fr'
  • innerHTML-->jquery中是html()
    oP.innerHTML         =>读取p里面所有的html代码
    oP.innerHTML=123;    =>替换p里面所有的html代码
  •  style
        元素.style.fontSize = '14px';

        注意:JS中没有“-”
        margin-top   =>marginTop
        padding-left =>paddingLeft
  • className-->jquery中是css()
  class为保留字,需要转换成className
    例如:
        oP.className = 'red';
  • 判断
    if(){}
    if(){} else{}
    if(){} else if(){} else if(){} else if(){} else {}

    注意:不能做判断的条件
    1、相对路径,都别拿来做判断
       href='', src=''
    2、颜色值不要拿来做判断
        比如:color:red  #000  rgb(250,0,0)
    3、innerHTML值别拿来做判断!!    
  • 数组
    数组从0开始
    var arr=[1, 2, 3, 'img/1.jpg', 'bbb'];
    alert(arr[3])               =>img/1.jpg
    alert(arr)                  =>1, 2, 3, 'img/1.jpg', 'bbb'
    alert(arr.length)           =>5
    arr.push('img/3.jpg')        =>往数组的最后一位添加数据
    alert(arr)                  =>1, 2, 3, 'img/1.jpg', 'bbb',img/3.jpg
    alert(arr.length)           =>6 
    alert(arr[arr.length-1])    =>数组的最后一位,即img/3.jpg