js操作属性

作者: 叫我老村长 | 来源:发表于2018-07-19 08:28 被阅读3次

    js操作属性

    title提示作用

    document 作用于html标签里
    document .getElementById(‘div1’).title ='我看到了';
    因为在body最后加载,是因为div都加载完毕以后使用。


    整个文档加载完毕以后执行的匿名函数 可以放在上面的解决办法。
    window.onlond=function() 浏览器对象。bom对象。定时器,报警提示
    var oA =document .getElementById(‘div1’)
    写入
    oA . href='dsff'
    oA .title='dsds'
    读取
    alert(oA.id)
    alert(oA.title)

    js换肤

    window.onlond=function()              浏览器对象。bom对象。定时器,报警提示
        var oline =document .getElementById(‘div1’)
        olink.herf='css/a.css'
    

    js操作style属性


    window.onlond=function()              浏览器对象。bom对象。定时器,报警提示
        var oDiv=document .getElementById(‘div1’)
        oDiv.style.color = 'red'
    body
    <div id=;div1'> sdadsa辅导费</div>
    body
    font-size不能用    改为fontSize就可以用。
    

    js操作class

    window.onlond=function()              浏览器对象。bom对象。定时器,报警提示
        var oDiv=document .getElementById(‘div1’)
        oDiv.className = 'box1'
    

    js中括号操作属性


    window.onlond=function()              浏览器对象。bom对象。定时器,报警提示
        var oDiv=document .getElementById(‘div1’)
        var oDiv2=document .getElementById(‘div2’)
        oDiv2。innerHTML   div里面写内容
        oDiv2。innerHTML <a>www.d.fd</a>套标签
        
        doucment.write 重绘整个页面。innerHTML 修改某个部分    面试题。
        
        var attr = 'color'
        oDiv.['style'] [attr]= red
     变量【】表示;
     ’’代表值;
    

    js函数


    function aa()
     {
     alert('sad')
     }
     aa();
     
     body
     <input type='button' value='xxx'  onclick='aa'>
    

    变量和函数预解析


    alert(a)
    var a =123
    undefind      变量解析只是声明提前,赋值没提前。
    alert(c)   报错
    

    函数可以再调用后写函数主程序,整个预解析,提前。


    匿名函数


    window.onlond=function()  {            浏览器对象。bom对象。定时器,报警提示
        var oDiv=document .getElementById(‘div1’)
        oDiv。onclick=myaleart      加括号赋值直接调了。
        function myaleart(){
        alert(''121w2)
        }
        
        匿名函数
        oDiv。onclick=function(){
        alert('111')
        }
        
    }
    

    函数传参

    window.onlond=function()  {            浏览器对象。bom对象。定时器,报警提示
        var oDiv=document .getElementById(‘div1’)
        function changestyle(style,value){
            oDiv。style【style】=value   style是因为传的,但是style里面没这个,所以用【】
        }
        changestyle('background,','red')
        }
    window.onlond=function()  {            浏览器对象。bom对象。定时器,报警提示
    
        var oDiv=document .getElementById(‘div1’)
        changestyle('background,','red')
        function changestyle(style,value){
            oDiv。style【style】=value   style是因为传的,但是style里面没这个,所以用【】
        }
        }
    

    函数return关键字

    type=‘text’  输入框
    
    return   a;  返回a以后。下面的代码都不执行了。
    return;直接结束程序。     表单验证。
    

    流程控制语句。
    1.条件判断语句 if else
    2.条件分支语句 switch case
    3.循环语句 for while do while

    1.条件判断语句 if else
    先读body里面没有这个样式。
    先进行的是空的,所以反过来不行。


    多重条件判断


    if {}
    else if{}
    else{}
    效率不然switch case
    
    switch(today){
    case 1:
        alert('dss')
            break  结束整个switch语句
        default:
            alert('vvv最后执行的')
            可以放上面,不加break也可以,但是万一放上面加break。
    }
    
    case1:
    case2:
    case3:
        alert('')
    123一起执行
    
    123可以自由变换,用字符串可以。
    

    数组
    1.面向对象直接创建
    var aRe01 = new Array(1,2,3,'1w') new一个对象


    2.常用
    var aRe02 =[1,2,3'12ww']
    var aRe03=[[1],[2],[3],['12ww']]二维数组。
    alert(aRe02[2].length); 3 看多维数组的长度
    alert(aRe02[2][1]); 1 获取多层数组的元素


    alert(aRe02.length); 获取长度
    alert(aRe02【0】) 获取索引


    数组常用方法

    var a=[1,2,3,4]
    var s =a.join('-')
    1-2-3-4
    var s =a.join('')
    1234
    
    a.push(5)
    12345
    
    a.pop()     去掉末尾元素
    123
    
    a.unshift(0)    数组前面插入
    01234
    
    a.shift();         删除最前面的元素
    234
    
    a.reverse()    反转 最后往前排
    4321
    
    var aRe02 = ['a','b','c','d','a','b','c','d']
    b第一次出现的索引值
    var num = aRe02.indexOf('b')
    1
    

    增加删除成员
    aRe0。splice(2,1) 从索引2开始删除一个元素。


    aRe0。splice(2,1,‘e') 删除元素并添加一个新元素。
    abedabcd


    aRe0.splice(4,4,'e','f')
    abedef

    相关文章

      网友评论

        本文标题:js操作属性

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