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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • 当条件为真时,继续执行do循环,条件为假,break

    查看全部
  • 注意:空白节点只存在于两个标签之间!!(例如:如果两个不同标签之间有文本就没有空白节点了)

    计算机生成了可选文字: 访 间 子 节 点 的 弟 一 和 最 后 顶  犀 性 邃 回 'childNodes 数 邃 的 一 子  firstChiId  下 如 果 远 蓬 的 下 卓 有 子 下 卓 , 贝 」 泫 1 生 回 NULL  node . firstChiId  说 明 : 与 自 ementN 。 de . 。 卜 i 旧 N 。 d [ 是 亘 陲 的 效 果 :  last 〔 hil 匕 属 1 生 回 上 卜 i 旧 N e 数 的 最 舌 一 个 子  下 如 果 远 蓬 的 下 卓 有 子 下 卓 , 贝 」 泫 1 生 回 NULL  node . 1 a 5 to Id  说 明 : 与 elementNode.childNodes(elementNode.childNodes.l  engt 卜 . 1 ] 同 槎 的 效 果 :  注 意 : 上 一 下 中 , 我 们 nternet , 。 r 会 忽 略 节 夸 之 亘  空 苎 文 下 卢 而 冥 琶 汶 」 览 器 不 会 · 我 们 可 旧 淮 下 卢  型 , 过 滤 子 · 以 恬 章 节 湃


    查看全部
  • 注意:空白节点只存在于两个标签之间!!(例如:如果两个不同标签之间有文本就没有空白节点了)

    计算机生成了可选文字: 访 间 子 节 点 的 弟 一 和 最 后 顶  犀 性 邃 回 'childNodes 数 邃 的 一 子  firstChiId  下 如 果 远 蓬 的 下 卓 有 子 下 卓 , 贝 」 泫 1 生 回 NULL  node . firstChiId  说 明 : 与 自 ementN 。 de . 。 卜 i 旧 N 。 d [ 是 亘 陲 的 效 果 :  last 〔 hil 匕 属 1 生 回 上 卜 i 旧 N e 数 的 最 舌 一 个 子  下 如 果 远 蓬 的 下 卓 有 子 下 卓 , 贝 」 泫 1 生 回 NULL  node . 1 a 5 to Id  说 明 : 与 elementNode.childNodes(elementNode.childNodes.l  engt 卜 . 1 ] 同 槎 的 效 果 :  注 意 : 上 一 下 中 , 我 们 nternet , 。 r 会 忽 略 节 夸 之 亘  空 苎 文 下 卢 而 冥 琶 汶 」 览 器 不 会 · 我 们 可 旧 淮 下 卢  型 , 过 滤 子 · 以 恬 章 节 湃


    查看全部
  • https://img1.sycdn.imooc.com//5b65a4610001c50306430469.jpgli[i]的解释

    查看全部
    0 采集 收起 来源:节点属性

    2018-08-04

  • https://img1.sycdn.imooc.com//5b65999f0001863001380159.jpg解决办法:

    原来的代码是先输出“title”值后才判断的“title”值是否为空,那个空行就是输出的还没有改变的“title”的值,就是那个空值“”,所以占了一个空行,然后才改变它的值为“WEB前端技术”然后输出。

    要去掉空行可以改变一下逻辑,就是先判断再输出。


    查看全部
  • 如果从name获取元素,就不用if判断了,只有复选的name是"hobby"。最后一个函数:function checkone(){
                var j=document.getElementById("wb").value;
                document.getElementById("hobby"+j).checked=true;

    输入j,就该ID"hobbyj"的属性,这样写更简单。


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

    2018-08-04

  • <script src="script.js" >这个是引用的意思,用了这个你要吧代码放在script.js文件里面,

    <script type="text/javascript">这个才是写在html文件内部的


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

    2018-08-04

  • 自动跳转页面

    <!DOCTYPE html>
    <html>
     <head>
      <title>浏览器对象</title> 
      <meta http-equiv="Content-Type" content="text/html; charset=gkb"/>  
     </head>
     <body>
      <!--先编写好网页布局-->
      <h1>操作成功</h1><br>
      <div><span id="second">5</span>秒后回到主页 <a href="#" onclick="way()">返回</a>
      </div>
     
     
     
      <script type="text/javascript"> 
     
       //获取显示秒数的元素,通过定时器来更改秒数。
     
      var i=5;
       function clock(){
            document.getElementById("second").innerHTML=i;
           i=i-1;
       if(i=0){
           window.location.assign("http://www.imooc.com");
       }
       }
     
       setInterval("clock()",1000);

       //通过window的location和history对象来控制网页的跳转。
       function way(){
           window.history.back();
       }
      
     </script>
    </body>
    </html>

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

    2018-08-04

  • 和同学代码的区别:

    定时器,我用的是setTimeout别人用的是setInterval

    自动跳转我用的是window.open别人用的是location.assign().代码如下,可以借鉴的地方有很多,比如将5写在html中再去获取。

    <!DOCTYPE html>

    <html>

     <head>

      <title>浏览器对象</title>  

      <meta http-equiv="Content-Type" content="text/html; charset=gkb"/>   

     </head>

     <body>

      <!--先编写好网页布局-->

      <h1>操作成功</h1>

    <span id="second" >5</span>

      <span >秒后回到主页</span>

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

      

      

     

      <script type="text/javascript">  

        var num=document.getElementById("second").innerHTML;

       //获取显示秒数的元素,通过定时器来更改秒数。

      

        function count()

        {

            num--;

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

            if(num==0)

            {

                location.assign("www.imooc.com");

            }

        }

        setInterval("count()",1000);

       //通过window的location和history对象来控制网页的跳转。

        function back()

        {

           window.history.back();

       }

       

     </script> 

    </body>

    </html>


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

    2018-08-04

  • i=0;

    表示从0个开始。也就是盒子的顺序


    查看全部
    0 采集 收起 来源:退出循环break

    2018-08-04

  • <!DOCTYPE HTML>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>定时器</title>
    <script type="text/javascript">
      var attime;
      function clock(){
        var time=new Date();         
        attime=time.getHours()+":"+time.getMinutes()+":"+time.getSeconds()+":" ;
        document.getElementById("clock").value = attime;
      }
      setInterval(clock,1000);
    </script>
    </head>
    <body>
    <form>
    <input type="text" id="clock" size="50"  />
    </form>
    </body>
    </html>

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

    529c07c000014f5103080447.jpg

    529c07c000014f5103080447.jpg

    查看全部
  • getElementById:id因为是独一无二的,所以获得元素是单数。

    getElementsByName、getElementsByTagName:而name和tag是群里,可以有多个。

    查看全部
  • Math对象

    Math对象,提供对数据的数学计算。

    使用 Math 的属性和方法,代码如下:

    <script type="text/javascript">   var mypi=Math.PI;    var myabs=Math.abs(-15);   document.write(mypi);   document.write(myabs); </script>

    运行结果:

    3.141592653589793 15

    注意:Math 对象是一个固有的对象,无需创建它,直接把 Math 作为对象使用就可以调用其所有属性和方法。这是它与Date,String对象的区别。

    Math 对象属性

    Math 对象方法


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

    2018-08-03

举报

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

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