前端12

作者: 我的好昵称 | 来源:发表于2019-06-11 22:56 被阅读0次

    /*style属性中的样式属性,没有"-"号的,写法相同*/


style属性中的样式属性,带"-"号的需要去掉"-"号,写成小驼峰式


//oDiv.style.color = 'red';//red必须加引号,否则会认为它是一个变量,引起来会认为它是一个值,赋值给=号左边
            var attr = 'color';
            // oDiv.style[attr] = 'red';
            /* 通过[]操作属性可以写变量 */
            oDiv['style'][attr] = 'red';

            /* 通过innerHTML可以读写元素包括的内容 */
            alert(oDiv.innerHTML);//读取标签里面包裹的元素,即“这是一个div元素”


 type="text/javascript">
        /*变量预解析*/
        /*alert(a);//只把变量a的声明提前,赋值不提前,所以弹出undefined,表示它的值未定义
        // alert(c);//报错,c没有声明,这是真正的未定义


 type="text/javascript">
        /*
        流程控制语句
            - JS中的程序是从上到下一行一行执行的
            - 通过流程控制语句可以控制程序执行流程,
                使程序可以根据一定的条件来选择执行
        - 语句的分类:
                1.条件判断语句
                2.条件分支语句
                3.循环语句
        */

条件判断语句:
            - 使用条件判断语句可以在执行某个语句之前进行判断,
                如果条件成立才会执行语句,条件不成立则语句不执行。
            - if语句
                - 语法一:
                    if(条件表达式){
                        语句...
                    }
                    
                if语句在执行时,会先对条件表达式进行求值判断,
                如果条件表达式的值为true,则执行if后的语句,
                如果条件表达式的值为false,则不会执行if后的语句。
                    if语句只能控制紧随其后的那个语句,
                        如果希望if语句可以控制多条语句,
                        可以将这些语句统一放到代码块中
                    if语句后的代码块(即{})不是必须的,但是在开发中尽量写上代码块,即使if后只有一条语句

                - 语法二:
                    if(条件表达式){
                        语句...
                    }else{
                        语句...
                    }
            
                if...else...语句
                    当该语句执行时,会先对if后的条件表达式进行求值判断,
                        如果该值为true,则执行if后的语句
                        如果该值为false,则执行else后的语句
        */

//面向对象的方式创建
        var aRr01 = new Array(1,2,3,'abc');
        //直接创建
        var aRr02 = [1,2,3,'def'];//推荐使用,性能更高

        //获取数组的成员数量(长度)
        // alert(aRr02.length);//弹出4
        // alert(aRr02[3]);//弹出cdf

        var aRr03 = [[1,2,3],['a','b','c','d'],[true,false]];
        // alert(aRr03.length);//弹出3
        // alert(aRr03[1].length);//弹出3
        alert(aRr03[1][2]);//弹出c


/*
        循环语句:
            通过循环语句可以反复的执行一段代码多次
        
        while循环
            - 语法:
                while(条件表达式){
                    语句...
                }
        
            - while语句在执行时,
                先对条件表达式进行求值判断,
                    如果值为true,则执行循环体,
                        循环体执行完毕以后,继续对表达式进行判断
                        如果为true,则继续执行循环体,以此类推
                    如果值为false,则终止循环
        
        do...while循环
            - 语法:
                do{
                    语句...
                }while(条件表达式)
        
            - 执行流程:
                do...while语句在执行时,会先执行循环体,
                    循环体执行完毕以后,在对while后的条件表达式进行判断,
                    如果结果为true,则继续执行循环体,执行完毕继续判断以此类推
                    如果结果为false,则终止循环
        
                实际上这两个语句功能类似,不同的是while是先判断后执行,
                    而do...while会先执行后判断,
                do...while可以保证循环体至少执行一次,
                    而while不能

        for语句,也是一个循环语句,也称为for循环
            在for循环中,为我们提供了专门的位置用来放三个表达式:
                1.初始化表达式
                2.条件表达式
                3.更新表达式
        
        for循环的语法:
                for(①初始化表达式;②条件表达式;④更新表达式){
                    ③语句...
                }
        
                for循环的执行流程:
                    ①执行初始化表达式,初始化变量(初始化表达式只会执行一次)
                    ②执行条件表达式,判断是否执行循环。
                        如果为true,则执行循环③
                        如果为false,终止循环
                    ④执行更新表达式,更新表达式执行完毕继续重复②

        任意一种循环都可以互相嵌套


        for(var i=0; i<aRr.length; i++){
            //判断元素第一次出现的位置,恰好是当前索引时,就将元素放入新数组
            if(aRr.indexOf(aRr[i]) == i){
                aRr2.push(aRr[i]);
            }
        }
字符串合并操作:“ + ”
2、parseInt() 将数字字符串转化为整数
3、parseFloat() 将数字字符串转化为小数
4、split() 把一个字符串分隔成字符串组成的数组
5、charAt() 获取字符串中的某一个字符
6、indexOf() 查找字符串是否含有某字符
7、substring() 截取字符串 用法: substring(start,end)(不包括end)
8、toUpperCase() 字符串转大写
9、toLowerCase() 字符串转小

定时器在javascript中的作用
1、制作动画
2、异步操作
3、函数缓冲与节流

定时器类型及语法

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

相关文章

网友评论

      本文标题:前端12

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