为了账号安全,请及时绑定邮箱和手机立即绑定
慕课网数字资源数据库体验端
JavaScript进阶篇_学习笔记_慕课网
为了账号安全,请及时绑定邮箱和手机立即绑定

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • 操作符之间的优先级(高到低):

    算术操作符 比较操作符 逻辑操作符 "="赋值符号

    如果同级的运算是按从左到右次序进行,多层括号由里向外。


    查看全部
  • 一个表达式可以包换常数和变量

    查看全部
    1. 必须以字母、下划线或美元符号开头,后面可以跟字母、下划线、美元符号和数字

    2. 2.变量名区分大小写,如:A与a是两个不同变量。

    3. 3.不允许使用JavaScript关键字和保留字做变量名。

    查看全部
  • //*记得更改变量值,不然无限循环*//

    查看全部
  • 使用userAgent判断使用的是什么浏览器(假设使用的是IE8浏览器),代码如下:

    function validB(){ 

        var u_agent =navigator.userAgent; 

        var B_name="不是想用的主流浏览器!"; 

        if(u_agent.indexOf("Firefox")>-1){ 

            B_name="Firefox"; 

        }else if(u_agent.indexOf("Chrome")>-1){ 

            B_name="Chrome"; 

        }else if(u_agent.indexOf("MSIE")>-1&&u_agent.indexOf("Trident")>-1){ 

            B_name="IE(8-10)";  

        }

            document.write("浏览器:"+B_name+"<br>");

            document.write("u_agent:"+u_agent+"<br>"); 

      }


    查看全部
    1 采集 收起 来源:userAgent

    2018-12-18

  • <!DOCTYPE HTML><html>    <head>        <meta http-equiv="Content-Type" content="text/html; charset=gb2312">        <title>无标题文档</title>    </head>        <body>        <form>          请选择你爱好:<br>          <input type="checkbox" name="hobby" id="hobby1">  音乐          <input type="checkbox" name="hobby" id="hobby2">  登山          <input type="checkbox" name="hobby" id="hobby3">  游泳          <input type="checkbox" name="hobby" id="hobby4">  阅读          <input type="checkbox" name="hobby" id="hobby5">  打球          <input type="checkbox" name="hobby" id="hobby6">  跑步 <br>          <input type="button" value = "全选" onclick = "checkall();">          <input type="button" value = "全不选" onclick = "clearall();">          <p>请输入您要选择爱好的序号,序号为1-6:</p>          <input id="wb" name="wb" type="text" >          <input name="ok" type="button" value="确定" onclick = "checkone();">        </form>        <script type="text/javascript">        function checkall(){            //var hobby = document.getElementsByTagName("input");            var hobby=document.getElementsByName("hobby");                for(i=0;i<hobby.length;i++){                    hobby[i].checked=true;                }        }        function clearall(){            //var hobby = document.getElementsByName("hobby");                var hobby=document.getElementsByName("hobby");                for(i=0;i<hobby.length;i++){                    hobby[i].checked=false;                }        }                function checkone(){            var j=document.getElementById("wb").value;                if(j<1 || j>6){                    alert("输入错误,请重新输入!!!");                }                else{                    //clearall();                    var hobby=document.getElementsByName("hobby");                    //hobby[j-1].checked=true;                    hobby[j-1+2].checked=true;                }            }                </script>    </body></html>

    javascript主要有以下三种数据类型转换方式:

    • 转换函数:parseInt()和parseFloat()分别将值转换成整数和浮点数。

    • 强制类型转换:Boolean(value)、Number(value)、String(value)将给定的值分别转换成逻辑值、数字(整数或浮点数)及字符串。 

    • 弱类型自动转换:字符串与数字进行数学操作符运算时,字符串会自动转为数字

    Javascript的数组其实不像PHP或者其他一些语言一样拥有真正的字符串下标,当我们试图为一个js数组添加字符串下标的时候,其实就相当于为该数组对象添加了一个属性,属性名称就是我们所谓的“字符串下标”。由于为数组对象添加属性不会影响到同为该对象属性的length的值,因此该值将始终为零。同样地,.pop()和.shift()等作用于数组元素的方法也不能够作用于这些对象属性。因此,如果要使用的是一个完全由“字符串下标”组成的数组,那还是将其声明为一个Object类型的对象要更好一些。

    Javascript数组下标值的范围为0到2的32次方。对于任意给定的数字下标值,如果不在此范围内,js会将它转换为一个字符串,并将该下标对应的值作为该数组对象的一个属性值而不是数组元素,例如array[-1] = "yes" 其实就相当于给array对象添加了一个名为-1的属性,属性值为yes。如果该下标值在合法范围内,则无论该下标值是数字还是数字字符串,都一律会被转化为数字使用,即 array["100"] = 0 和 array[100] = 0 执行的是相同的操作。



    查看全部
  • 语法:

    clearInterval(id_of_setInterval)

    参数说明:
    id_of_setInterval:由 setInterval() 返回的 ID 值

    //var i = setInterval("clock()", 1000);

    //clearInterval(i);

    查看全部
  • 假设你所说的 i++ 是下面这个:

    1234var x=content.childNodes;  for(var i=0; i<x.length ; i++){      content.removeChild(x[i]);  }

    上面代码实现的效果也不是一个一个地删除,而是跳着删除。如点按钮一下,下面 5 个标签中的 1、3、5 会先删除,再点按钮一下才会把剩下的 2 删除,第三次按钮才把 4 删除。

    12345<h1>html</h1>         // 1     <h1>php</h1>          // 2    <h1>javascript</h1>   // 3        <h1>jquery</h1>       // 4    <h1>java</h1>         // 5

    因为当先把第一个子节点删除后,后面的子节点的索引就重新编号了:原来的第2个子节点会变成第1个子节点,第3个子节点会变成第2个子节点,但循环变量 i 是从 0、1、2... 顺序增长,所以会出现上述跳着删除的现象。

    但“i--”(如你所写的代码)的情况下是从最后一个子节点开始删除,并不会影响前面子节点的索引值,所以一次遍历完 i 后,即可全部删除子节点。


    查看全部
  • 语法:

    setInterval(代码,交互时间);

    参数说明:

    1. 代码:要调用的函数或要执行的代码串

    2. 交互时间:周期性执行或调用表达式之间的时间间隔,以毫秒计(1s=1000ms)。

    返回值:

    一个可以传递给 clearInterval() 从而取消对"代码"的周期性执行的值。

    // setInterval("clock()", 1000);

    // setInterval(clock, 1000);

    //setInterval(代码/l函数, 交互时间); 每隔1000毫秒即1秒执行 clock函数


    查看全部
  • https://img1.sycdn.imooc.com//5c189a340001baa709770778.jpg注意for遍历的循环条件(var i=nodesList.length-1;i>=0;i--)

    查看全部
  • 不允许使用JavaScript关键字和保留字做变量名。

    关键字:break、else、new、var、case、finally、return、void、catch、for、switch、while、default、in、try、do、instanceof、typeof

    保留字:abstract、enum、int、short、boolean、export、interface、static、byte、extends、long、super、char、final、native、synchronized、clss、float、package、throws、const、goto、private、transient、debugger、implements、protected、volatile、double、improt、public


    查看全部
  • ()容易看不出来是中文输入法

    查看全部
    0 采集 收起 来源:编程练习

    2018-12-18

  • <script type="text/javascript">

     //创建数组

     var arr=["*","##","***","&&","****","##*"];

     arr[7]="**";

     //显示数组长度

     document.write(arr.length+"<br>");

     

     //将数组内容输出,完成达到的效果。

     for(i=0;i<arr.length;i++){

        document.write(arr[i]+"<br>");

    }

    </script>


    查看全部
    0 采集 收起 来源:编程练习

    2018-12-18

  • window对象是BOM的核心,window对象指当前的浏览器窗口。

    window对象方法:

    window.open();

    535483720001a54506670563.jpg

    查看全部
    0 采集 收起 来源:window对象

    2018-12-18

  • 用prompt()输入时输入的内容为字符串,switch中case时case后面用“”引起来才能识别。

    查看全部

举报

0/150
提交
取消
课程须知
你需要具备HTML、css基础知识,建议同学们也可以想学习下js入门篇,快速认识js,熟悉js基本语法,更加快速入手进阶篇!
老师告诉你能学到什么?
通过JavaScript学习,掌握基本语法,制作简单交互式页面
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!