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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • 添加和删除行

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

    2018-09-27

  • 6是什么意思

    查看全部
  • 逗号变成了点,导致错误

    <!DOCTYPE HTML>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>无标题文档</title>
    </head>
    <body>
    <script type="text/javascript">
    var main = document.body;
    //创建链接
    function createa(url,text)
    {
        var body=document.body;
        var aa=document.createElement("a");
        aa.setAttribute("href",url);
        aa.innerHTML=text;
        body.appendChild(aa);
       
       
    }
    // 调用函数创建链接
    createa("https://www.imooc.com","点此打开网页");

    </script>
    </body>
    </html>

    查看全部
  • 不清楚怎么会变斜体

    <!DOCTYPE HTML>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>无标题文档</title>
    </head>
    <body>


      <div><b id="oldnode">JavaScript</b>是一个很常用的技术,为网页添加动态效果。</div>
      <a href="javascript:replaceMessage()"> 将加粗改为斜体</a>
     
        <script type="text/javascript">
          function replaceMessage(){
              var newnode=document.createElement("i");
              newnode.id="newnode";
              newnode.innerHTML="new JaveScript";
              var oldnode=document.getElementById("oldnode");
              var node=oldnode.parentNode;
             node.replaceChild(newnode,oldnode);
        
           }   
      </script>
     
     </body>
    </html>

     原来标签<i>是斜体标签。

    查看全部
  • mark_比较不错的例程

    查看全部
  • 用while循环和for循环比较

    <!DOCTYPE HTML>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>无标题文档</title>
    </head>

    <body>
    <div id="content">
      <h1>html</h1>
      <h1>php</h1>
      <h1>javascript</h1>
      <h1>jquery</h1>
      <h1>java</h1>
    </div>

    <script type="text/javascript">
    function clearText() {
      var content=document.getElementById("content");
      // 在此完成该函数
      var x=content.firstChild;
      while (x!=null) {
          var y=content.removeChild(x);
          y=null;
          x=content.firstChild;
         
      }
     /* for (var i=0;i<content.childNodes.length;i++){
          var x=content.childNodes[i];
          var y=content.removeChild(x);
          //y=null;
      }
      */
     
    }
    </script>

    <button onclick="clearText()">清除节点内容</button>


    </body>
    </html>

    查看全部
  • make_例程

    查看全部
  • mark

    HTML文档可以说由节点构成的集合,DOM节点有:

    1. 元素节点:上图中<html>、<body>、<p>等都是元素节点,即标签。

    2. 文本节点:向用户展示的内容,如<li>...</li>中的JavaScript、DOM、CSS等文本。

    3. 属性节点:元素属性,如<a>标签的链接属性href="http://www.imooc.com"。


    查看全部
    0 采集 收起 来源:认识DOM

    2018-09-27

  • 多重判断(if..else嵌套语句)

    要在多组语句中选择一组来执行,使用if..else嵌套语句。

    语法:

    if(条件1) { 条件1成立时执行的代码} else  if(条件2) { 条件2成立时执行的代码} ... else  if(条件n) { 条件n成立时执行的代码} else { 条件1、2至n不成立时执行的代码}

    假设数学考试,小明考了86分,给他做个评价,60分以下的不及格,60(包含60分)-75分为良好,75(包含75分)-85分为很好,85(包含85分)-100优秀。

    代码表示如下:

    结果:

    任务

    联合国世界卫生组织对年龄的划分标准, 44岁以下为青年;45岁至59·岁为中年人。60岁至89岁为老年人;90岁以上为长寿老年人。赵红今年99岁了,她属于哪个年龄阶段的。使用if...else嵌套语句进行判断,补充右边代码编辑器中第12、14行代码,完成判断。


    查看全部
  • sort(方法函数):

     如果不指定<方法函数>,则按unicode码顺序排序;

    如果指定<方法函数>,则按<方法函数>的排序方式来排序,即可自定义排序方式。

    查看全部
    0 采集 收起 来源: 数组排序sort()

    2018-09-26

  • var  b  = 100%7; // 100除7取余数为2;


    <head>

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

    <title>JS基础</title>

    <script type="text/javascript">

      var a,b,sum;

      var  a  = 5;

      var  b  = 100%7; // 100除7取余数; 

      sum = a > b && a*b > 0 ;

      document.write( "我认为 a 的值是:" +5  + " b的值是:" + 2 + "sum 的值是:" + true+"<br/>");

      document.write( "答案是,第一轮计算后,a 为:"+ a +";b为:"+b +";第一次计算sum为:"+ sum +"<br/>");


      sum = ( (++a) + 3 ) / (2 - (--b) ) * 3;  

      document.write( "再一次计算后,我认为 a 的值是:" +  6  + " b的值是:" +  1 + "sum 的值是:" + 27 +"<br/>"); 

      document.write( "答案是,第二轮计算后,a 为:" + a + ";b为:" + b +";第二次计算sum为:"+ sum +",sum的类型也发生变化了。");


    </script>

    </head>

    <body>

    </body>

    </html>


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

    2018-09-26

  • 写了好久,好满足,请大家指正谢谢。

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

    2018-09-26

  • 第一个父节点是ul,第二个是li,最后一个是ul,html/css在id=con的最后一个孩子,所以是三个父节点,一个子孩子

    查看全部
  • 保持先后顺序(操作符优先级)

    我们都知道,除法、乘法等操作符的优先级比加法和减法高,例如:

    var numa=3; var numb=6 jq= numa + 30 / 2 - numb * 3;  // 结果为0

    如果我们要改变运算顺序,需添加括号的方法来改变优先级:

    var numa=3; var numb=6 jq= ((numa + 30) / (2 - numb)) * 3; //结果是-24.75

    操作符之间的优先级(高到低):

    括号()算术操作符 (+ - * /) 比较操作符 (> < >= <=) 逻辑操作符 (&&与   ||或  ! 非 ) "="赋值符号(= ==)

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

    var numa=3; var numb=6; jq= numa + 30 >10 && numb * 3<2;  //结果为false


    查看全部
  • 52a1760c000159a702330111.jpg

    var a=3;
    var b=5;
    var c;
    c=!(b>a);  // b>a值是true,! (b>a)值是falsec=!(b<a);  // b<a值是false, ! (b<a)值是true


    查看全部

举报

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

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