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

最新推荐文章于 2022-07-08 09:43:36 发布

转载最新推荐文章于 2022-07-08 09:43:36 发布 · 69 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/joya0411/p/3580887.html

本文介绍了HTML元素的属性操作方法，包括读取与修改，同时涵盖了样式控制、数组操作等基本JavaScript技能，并提供了注意事项及示例。

知识点总结

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

转载于:https://www.cnblogs.com/joya0411/p/3580887.html