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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • indexOf()方法可返回某个指定字符串值在字符串中首次出现的位置

    stringObject.indexOf(substring, startpos)
    substring  必需 规定需检测的字符串的值
    startpos 非必需   规定从哪个位置开始检查 从0到
    stringObject.length-1
    此方法会区分大小写 空格也算位置数
    如果要检索的字符串值没有出现,则该方法返回 -1
    查看全部
  • 添加好元素的内容后一定要记得把元素添加到body里面去

    查看全部
  • 第15行的 后面的;不能忘,不然会报错;

    一定得定义计时器对象,否则计时器不运行,见19行;

    第19行setInterval(function(){},1000);

    document.getElementById("second").innerHTML=i;

    <a href="javascript:Goback()">返回</a>



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

    2018-09-24

  • 这里的替换是全部都被替换了的意思,原本有的属性嗯和内容都被替换了,相当于全部移除然后再添加,所以如果只是想要达到替换内容的样式的效果的话,还是要把原本的内容添加到替换的节点的里面去。

    查看全部
  • 这个操作只能删除显示内容,但是不能彻底删除,依旧可以通过调用子节点调出来,如果要彻底删除就要个这个节点赋值null

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

    function validB(){
     var u_agent = navigator.userAgent;
     var B_name="Failed to identify the browser";
     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:"+B_name+"<br>");
        document.write("u_agent:"+u_agent+"<br>"); }


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

    2018-09-24

  • Navigator 对象包含有关浏览器的信息,通常用于检测浏览器与操作系统的版本。

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

    2018-09-23

  • 这个输出结果是div的子节点的内容,空白行也是div 的子节点

    查看全部
  • <!DOCTYPE html>
    <html>
    <head>
        <title>浏览器对象</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <style>
            a{
                color: blue;
            }
        </style>
    </head>
    <body>
    <!--先编写好网页布局-->
    <h2>操作成功!</h2>
    <p><span id="count"></span>秒后返回到主页 <a onclick="goBack()">返回</a></p>
    
    <script type="text/javascript">
    
        //获取显示秒数的元素,通过定时器来更改秒数。
        var num = 5;
        function numCount(){
            document.getElementById("count").innerHTML=num;
            num--;
            var index = setTimeout(numCount,1000);
            if(num == 0){
                // location.assign("http://www.imooc.com");
                // location.replace("http://www.imooc.com");
                clearTimeout(index);
                location.href="http://www.imooc.com";
            }
        }
        numCount();
        //通过window的location和history对象来控制网页的跳转。
        function goBack(){
            location.href=window.history.back();
        }
    </script>
    </body>
    </html>


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

    2018-09-23

  • 计时器方法:


    查看全部
  • dddddd

    查看全部
  • 我与你同在(逻辑与操作符)

    数学里面的“a>b”,在JavaScript中还表示为a>b;数学中的“b大于a,b小于c”是“a<b<c”,那么在JavaScript中可以用&&表示,如下:

    b>a && b<c    //“&&”是并且的意思, 读法"b大于a"并且" b小于c "

    好比我们参加高考时,在进入考场前,必须出示准考证和身份证,两者缺一不可,否则不能参加考试,表示如下:

    if(有准考证 &&有身份证)  {    进行考场考试 }

     “&&”是逻辑与操作符,只有“&&”两边值同时满足(同时为真),整个表达式值才为真。

    逻辑与操作符值表:

    注意: 如果A为假,A && B为假,不会在执行B; 反之,如果A为真,要由 B 的值来决定 A && B 的值。

    任务

    JavaScript考试成绩中,numa(表示笔试)考了60分,numb(表示实践)考了70分,只有两项成绩都大于或等于60分,该课程考核就通过。

    1. 在右边编辑器中第10行,if语句的括号内输入numa>=60 && numb>=60


    查看全部
  • 较量较量(比较操作符)

    我们先来做道数学题,数学考试成绩中,小明考了90分,小红考了95分,问谁考的分数高? 答: 因为“95 > 90”,所以小红考试成绩高。

    其中大于号">" 就是比较操作符,小红考试成绩和小明考试成绩就是操作数,并且是两个操作数。

    也就是说两个操作数通过比较操作符进行比较,得到值为真(true)和假(false)。

    在JavaScript中,这样的比较操作符有很多,这些操作符的含义如下: 


    看看下面例子:

    var a = 5;//定义a变量,赋值为5 var b = 9; //定义b变量,赋值为9 document.write (a<b); //a小于b的值吗? 结果是真(true) document.write (a>=b); //a大于或等于b的值吗? 结果是假(false) document.write (a!=b); //a不等于b的值吗? 结果是真(true) document.write (a==b); //a等于b的值吗? 结果是假(false)

    任务

    实验考试成绩中,numa考了1分,numb考了7分,我们来比较下它们的分数。

    1. 在右边编辑器中第10行输入numa>numb

    2. 在右边编辑器中第11行输入numa!=numb


    查看全部
  • 自加一,自减一 ( ++和- -)

    算术操作符除了(+、-、*、/)外,还有两个非常常用的操作符,自加一“++”;自减一“--”。首先来看一个例子:

    mynum = 10; mynum++; //mynum的值变为11 mynum--; //mynum的值又变回10

    上面的例子中,mynum++使mynum值在原基础上增加1,mynum--使mynum在原基础上减去1,其实也可以写成:

    mynum = mynum + 1;//等同于mynum++ mynum = mynum - 1;//等同于mynum--

     

    任务

    试一试,让变量numa自加一,让变量numb自减一

    1. 在右边编辑器中第9行输入numa++;

    2. 在右边编辑器中第10行输入numb--;

    • ?不会了怎么办

    • numa++ : 变量numa值加1后,再赋值给numa

      numb-- : 变量numb值减1后,再赋值给numb


    查看全部
  • 给变量取个名字(变量命名)

    我们为了区分盒子,可以用BOX1,BOX2等名称代表不同盒子,BOX1就是盒子的名字(也就是变量的名字)。

    我们赶快给变量取个好名字吧!变量名字可以任意取,只不过取名字要遵循一些规则:

    1.必须以字母、下划线或美元符号开头,后面可以跟字母、下划线、美元符号和数字。如下:

    正确:                mysum                 _mychar              $numa1
    错误:   6num  //开头不能用数字   %sum //开头不能用除(_ $)外特殊符号,如(%  + /等)   sum+num //开头中间不能使用除(_ $)外特殊符号,如(%  + /等)

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

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

     

    任务

    在右边编辑器的第7行补充代码,在var 后,填写变量名,如"myname"。

    • ?不会了怎么办

    • 在半角及英文状态下输入变量名

      变量名以字母、下划线和$美元符号开头


    查看全部

举报

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

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