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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • ( (++a) + 3 ) / (2 - (--b) ) * 3;

    (6+3)/(2-1)*3

    9*3=27

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

    2018-05-24

  • <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml">

    <head>

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

    <title>逻辑非</title>

    <script type="text/javascript">

    var numa,numb,jq1;

    numa=60;

    numb=70;

    jq1=!(numa<numb);          ;

    document.write("jq1的值是:"+jq1+"<br>")

    </script>

    </head>

    <body>

    </body>

    </html>


    查看全部
  • "!"是逻辑非操作符,也就是"不是"的意思,非真即假,非假即真。好比小华今天买了一个杯子,小明说:"杯子是白色的",小亮说:“杯子是红色的”,小华说:"小明说的不是真话,小亮说的不是假话"。猜猜小华买的什么颜色的杯子,答案:红色杯子。

    查看全部
  • <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml">

    <head>

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

    <title>逻辑或</title>

    <script type="text/javascript">

    var numa,numb,jq1;

    numa=50;

    numb=55;

    jq1=numa>numb||numa==numb;          ;

    document.write("jq1的值是:"+jq1+"<br>")

    </script>

    </head>

    <body>

    </body>

    </html>


    查看全部
  • 重点难点@

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

    2018-05-24

  • :使用关键字new,Date()的首字母必须大写。 

    查看全部
    0 采集 收起 来源: Date 日期对象

    2018-05-24

  • node.onclick="remove(this)",无法向a标签中添加onclick事件,node.setAttribute("onclick","remove(this)")则可以。

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

    2018-05-24

  • <!DOCTYPE html>

    <html>

     <head>

      <title> new document </title>  

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

      <script type="text/javascript"> 

      

          window.onload = function(){// 鼠标移动改变背景

             var tr = document.getElementsByTagName("tr");

             for(var k = 0;k < tr.length;k++){

                 changecolor(tr[k]);

             }

    }

     

    function changecolor(obj){

        obj.onmouseover = function(){

            obj.style.backgroundColor="#f2f2f2";}

             obj.onmouseout = function(){

                 obj.style.backgroundColor="#ffffff";}

    }

     

        var num = 2;

         function add_node(){

             num++;

             var onode = document.getElementById("table");

             var anode = document.createElement("tr");

             onode.appendChild(anode);

             var dnode1 = document.createElement("td");

             var dnode2 = document.createElement("td");

             var dnode3 = document.createElement("td");

             anode.appendChild(dnode1);

             anode.appendChild(dnode2);

             anode.appendChild(dnode3);

             dnode3.innerHTML = "<a href='javascript:;' onclick='remove_node(this)'>删除</a>";

             dnode2.innerHTML = "学生"+num;

             dnode1.innerHTML = "xh00"+num;

             var tr = document.getElementsByTagName("tr");

             for(var k = 0;k < tr.length;k++){

                 changecolor(tr[k]);

             }

             

         }

         // 创建删除函数

         function remove_node(obj){

             var remove_onode = obj.parentNode.parentNode;

             remove_onode.parentNode.removeChild(remove_onode);

         }



      </script> 

     </head> 

     <body> 

      <table border="1" width="50%" id="table">

      <tr>

    <th>学号</th>

    <th>姓名</th>

    <th>操作</th>

      </tr>  


      <tr>

    <td>xh001</td>

    <td>王小明</td>

    <td><a href="javascript:;" onclick="remove_node(this);" >删除</a></td>   <!--在删除按钮上添加点击事件  -->

      </tr>


      <tr>

    <td>xh002</td>

    <td>刘小芳</td>

    <td><a href="javascript:;" onclick="remove_node(this);">删除</a></td>   <!--在删除按钮上添加点击事件  -->

      </tr>  


      </table>

      <input type="button" value="添加一行" onclick="add_node()" />   <!--在添加按钮上添加点击事件  -->

     </body>

    </html>


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

    2018-05-23

  • <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>逻辑与</title>
    <script type="text/javascript">
     var numa,numb;
     numa=60;
     numb=70;
     if(numa>=60 && numb>=60)
      {
      document.write("JavaScript考核通过!"+"<br>");
      }
        function  zhencha(){
            var numa,numb;
            var numa=prompt("请输入你的一模成绩为?");
            if(numa>=0 && numa<=100)
            {   
                var numb=prompt("请输入你的二模成绩为","不要填0-100以外的数,不要去试");
                if(numb>=0 && numb<=100)
                {
                    if(numa>=60 && numb<=100)
                    {   alert("成绩合格");}
                    else
                    {   alert("成绩不合格");}
                }
                if(numb<0)
                {   alert("你特么SB啊?还能得负数?");}
                if(numb>100)
                {   alert("你特么成神了?满分100,你101啊?");}
                if(numb!=null)
                {   alert("你想写什么");}
            }
            if(numa>100)
            {   alert("恭喜你都能够超越满分了!");}
            if(numa<0)
            {   alert("负数?怎么做到的?");}
            if(numa!=null)
            {   alert("写数字!写数字!");}
        }
    </script>
    </head>
    <body>
        <input type="button" onclick="zhencha()" value="点击查询"/>
    </body>
    </html>

    查看全部
  • <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>比较操作符</title>
    <script type="text/javascript">
    var numa,numb,jq1,jq2;
    numa=1;
    numb=7;
    jq1=numa>numb;
    jq2=numa!=numb;
    document.write("numa大于numb的分数吗?"+jq1+"<br>")
    document.write("numa不等于numb的分数吗?"+ jq2);
    </script>
    </head>
    <body>
    </body>
    </html>

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

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

    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--;


    查看全部
  • 操作符是用于在JavaScript中指定一定动作的符号。

    (1)操作符

    看下面这段JavaScript代码。

    sum = numa + numb;

    其中的"=""+"都是操作符。

    JavaScript中还有很多这样的操作符,例如,算术操作符(+、-、*、/等),比较操作符(<、>、>=、<=等),逻辑操作符(&&、||、!)。

    注意: “=” 操作符是赋值,不是等于。

    (2) "+"操作符

    算术运算符主要用来完成类似加减乘除的工作,在JavaScript中,“+”不只代表加法,还可以连接两个字符串,例如:

    mystring = "Java" + "Script"; // mystring的值“JavaScript”这个字符串

     


    查看全部
  • <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>表达式</title>
    <script type="text/javascript">
     var num1=10-5;
     var num2=5+6;
      document.write("小明还剩:"+num1+"元"+"<br>");
      document.write("小红花:"+num2+"元买个铅笔盒");
    </script>
    </head>
    <body>
    </body>
    </html>

    查看全部
  • chuangjian

    https://img1.sycdn.imooc.com//5b05745600011a3103790471.jpg

    查看全部
  • <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>变量赋值</title>
    <script type="text/javascript">
    var num1=10;
    var num2="js";
     document.write("num1的值是:"+num1);
     document.write("num2的值是:"+num2);
    </script>
    </head>
    <body>
    </html>

    查看全部

举报

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

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