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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • function bigone(x,y){
      if(x>y){
         return last  = x;
      }  else if(x<y){
          return last = y;
      }else{
          return last = "一样大小";
      }

    //函数体,判断两个整数比较的三种情况

    }
    //调用函数,实现下面两组数中,返回较大值。
      document.write(" 5 和 4 的较大值是:"+ bigone(5,4)+"<br>");
      document.write(" 6 和 3 的较大值是:" +bigone(6,3) +'<br>');
      document.write("9和9的比较,会是什么情况:"+bigone(9,9));
       

    </script>


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

    2018-05-21

  • 最后输出统计人数的时候输出不了。

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

    2018-05-21

  • for(var i=1;i<=x;i++){

    }

    查看全部

  • 第七章练习

    <!DOCTYPE  HTML>

    <html >

    <head>

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

    <title>系好安全带,准备启航</title>


    <script type="text/javascript">


      //通过javascript的日期对象来得到当前的日期,并输出。

      var mydate=new Date();

     // var dt=mydate.getDate();

      //document.write(dt);

      //documet.write(mydate.getDate());

      var year=mydate.getFullYear();

      var month=mydate.getMonth()+1;

      var day=mydate.getDate();

      var workday=mydate.getDay();

      switch(workday)

      {

          case 0:workday="星期日";break;

          case 1:workday="星期一";break;

          case 2:workday="星期二";break;

          case 3:workday="星期三";break;

          case 4:workday="星期四";break;

          case 5:workday="星期五";break;

          case 6:workday="星期六";break;

      }

      document.write(year+"年"+month+"月"+day+"日 "+workday);

      

      //成绩是一长窜的字符串不好处理,找规律后分割放到数组里更好操作哦

      var scoreStr = "小明:87;小花:81;小红:97;小天:76;小张:74;小小:94;小西:90;小伍:76;小迪:64;小曼:76";

      var arr=scoreStr.split(";");

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

      var sum=0;

      //从数组中将成绩撮出来,然后求和取整,并输出。

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

      {

          var index=arr[i].indexOf(':');

          sum=sum+parseInt(arr[i].substr(index+1,2));

      }

      document.write("总成绩为:"+sum+"<br>");

      var av=0;

      av=sum/arr.length;

      //document.write("平均分为:"+av);

      av=Math.floor(av);

      document.write("平均分为:"+av);

    </script>

    </head>

    <body>

    </body>

    </html>


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

    2018-05-21

  • 变量是用于存储某种/某些数值的存储器

    查看全部
    0 采集 收起 来源:什么是变量

    2018-05-21

  • <!DOCTYPE html>
    <html>
     <head>
         <meta charset="utf-8"/>
      <title> 事件</title>  
      <script type="text/javascript">
       function count(){
           
        //获取第一个输入框的值
        var num1=document.getElementById("txt1").value;
        //获取第二个输入框的值
        var num2=document.getElementById("txt2").value;    
        //获取选择框的值
        var sel=document.getElementById("select").value;
        //获取通过下拉框来选择的值来改变加减乘除的运算法则

        var result;
         switch(sel){
             case "+":result=parseInt(num1)+parseInt(num2);
             break;
             case "-":result=parseInt(num1)-parseInt(num2);
             break;
             case "*":result=parseInt(num1)*parseInt(num2);
             break;
             case "/":num2!="0" ?(result=parseInt(num1)/parseInt(num2)):(result="除数不能为零");
             break;
             default:
             alert("error");
         }
      //设置结果输入框的值
        document.getElementById("fruit").value=result;
       }
      </script>
     </head>
     <body>
       <input type='text' id='txt1' />
       <select id='select'>
            <option value='+'>+</option>
            <option value="-">-</option>
            <option value="*">*</option>
            <option value="/">/</option>
       </select>
       <input type='text' id='txt2' />
       <input type='button' value=' = ' onclick="count()"/> <!--通过 = 按钮来调用创建的函数,得到结果-->
       <input type='text' id='fruit' />   
     </body>
    </html>

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

    2018-05-21

  • 数组对象方法

    533295ab0001dead05190599.jpg

    查看全部
    0 采集 收起 来源: Array 数组对象

    2018-05-21

  • 532fe7cf0001e7b505170269.jpg

    532fe841000174db05160622.jpgMath对象

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

    2018-05-21

  • <b>这是粗体文本</b>

    <i> 标签呈现斜体的文本</i>

    查看全部
  • 替换元素节点replaceChild()

    replaceChild 实现子节点(对象)的替换。返回被替换对象的引用。 

    语法:

    node.replaceChild (newnode,oldnew )

    参数:

    newnode : 必需,用于替换 oldnew 的对象。 
    oldnew : 必需,被 newnode 替换的对象。

    我们来看看下面的代码:

     

    效果: 将文档中的 Java 改为 JavaScript。

    注意: 

    1. 当 oldnode 被替换时,所有与之相关的属性内容都将被移除。 

    2. newnode 必须先被建立。 


    查看全部
  • function clearText() {
      var content=document.childNodes.getElementById("content");
      // 在此完成该函数
      for(i=0;i<content.length;i++)
      {
          var x=content.removeChild(content.childNodes[i]);
      }
    }
    查看全部
  • https://img1.sycdn.imooc.com//5af4f61400013fd609240896.jpg

    function clearText() {
      var content=document.childNodes.getElementById("content");
      // 在此完成该函数
      for(i=0;i<content.length;i++)
      {
          var x=content.removeChild(content.childNodes[i]);
      }
    }https://img1.sycdn.imooc.com//5af4f61400013fd609240896.jpg

    查看全部
  • 删除节点removeChild()

    removeChild() 方法从子节点列表中删除某个节点。如删除成功,此方法可返回被删除的节点,如失败,则返回 NULL。

    语法:

    nodeObject.removeChild(node)

    参数:

    node :必需,指定需要删除的节点。

    我们来看看下面代码,删除子点。

    运行结果:

    HTML 删除节点的内容: javascript

    注意: 把删除的子节点赋值给 x,这个子节点不在DOM树中,但是还存在内存中,可通过 x 操作。

    如果要完全删除对象,给 x 赋 null 值,代码如下:


    查看全部
  • <strong>注意:</strong> otest.insertBefore(newnode,node); 也可以改为:  otest.insertBefore(newnode,otest.childNodes[0]); <br />
    查看全部
  • 插入节点insertBefore()

    insertBefore() 方法可在已有的子节点前插入一个新的子节点。

    语法:

    insertBefore(newnode,node);

    参数:

    newnode: 要插入的新节点。

    node: 指定此节点前插入节点。

    我们在来看看下面代码,在指定节点前插入节点。


    查看全部

举报

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

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