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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
最热 最新
  • 慕桂英221558

    location对象属性

    53605c5a0001b26909900216.jpg

    查看全部
    0 采集 收起 来源：Location对象

    2018-08-23

  • qq_古娜拉黑暗之神_1

    方法可以获取对象某些值也可以设置某些值，而属性只能用于获取值。

    查看全部
    0 采集 收起 来源：返回/设置年份方法

    2018-08-23

  • 慕桂英221558

    var sum等变量不能放在for循环

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

    2018-08-23

  • hl哎呀哈哈哈哈

    <!DOCTYPE  HTML>

    <html >

    <head>

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

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

    <script type="text/javascript">

      var date=new Date();

      var arr=['日','一','二','三','四','五','六']

     document.write(date.getFullYear()+'年'+date.getMonth()+'月'+date.getDate()+'日'+'&nbsp;'+'星期'+arr[date.getDay()]+'--班级总分为：');

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

      var grade=scoreStr.split(':'),sum=0

     for(var i=1;i<grade.length;i++){

        sum+=parseFloat(grade[i]);

    }

    document.write(parseInt(sum/(grade.length-1)));

    </script>

    </head>

    <body>

    </body>

    </html>


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

    2018-08-23

  • qq_初希_0

    parseInt()函数可以解析一个字符串 并且返回一个整数

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

    2018-08-23

  • qq_古娜拉黑暗之神_1

    parseInt()函数可以将字符串转换成整数，加号两边是数字时加号才为算术运算符，其他为连接符，若两边为字符串需要加号作为算术运算符时，使用parseInt()函数将字符串转换，返回整数。

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

    2018-08-23

  • 慕前端0798377

    放在head里面的代码会在页面加载完之前读取，放在body里面的会在页面加载之后读取，所以有时候会出现问题。


    查看全部
    0 采集 收起 来源：getElementsByName()方法

    2018-08-23

  • 月读o_O

    返回函数值：

    1. 通过关键字return：

    function add2(x, y) {

        var sum;

        sum = x + y; 

        return sum; //返回函数值，return后面的值叫做返回值。

    }

    2. 通过变量存储调用函数的返回值：

    var result = add2(3, 4); //语句执行后，result变量中的值为7。

    注意：函数中参数和返回值不只是数字，还可以是字符串等其它类型。 

    查看全部
    0 采集 收起 来源：返回值的函数

    2018-08-31

  • 慕瓜2630265

    主要事件表：

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

    查看全部
    0 采集 收起 来源：什么是事件

    2018-08-22

  • 冰镇小白

    53e196e500013f1807700354.jpg

    onmouseover

    查看全部
    0 采集 收起 来源：鼠标经过事件（onmouseover）

    2018-08-22

  • 冰镇小白 
    <body>
   <form>
      <input name="button" type="button" value="点击提交" onclick="add2()" />
   </form>
</body>


    查看全部
    0 采集 收起 来源：鼠标单击事件( onclick ）

    2018-08-22

  • 冰镇小白

    53e198540001b66404860353.jpg

    网页中的每个元素都可以产生某些可以触发 JavaScript 函数或程序的事件。

    查看全部
    0 采集 收起 来源：什么是事件

    2018-08-22

  • 冰镇小白 
    function add2(x,y)
{
   sum = x + y;   return sum; //返回函数值,return后面的值叫做返回值。}

    还可以通过变量存储调用函数的返回值，代码如下:

    result = add2(3,4);//语句执行后,result变量中的值为7。

    注意:函数中参数和返回值不只是数字，还可以是字符串等其它类型。


    查看全部
    0 采集 收起 来源：返回值的函数

    2018-08-22

  • 冰镇小白

    写函数名。

    第一种情况:在<script>标签内调用。

      <script type="text/javascript">
    function add2()
    {
         sum = 1 + 1;
         alert(sum);
    }  add2();//调用函数，直接写函数名。</SCRIPT>

    第二种情况:在HTML文件中调用，如通过点击按钮后调用定义好的函数。

    <html>
<head><script type="text/javascript">
   function add2()
   {
         sum = 5 + 6;
         alert(sum);
   }
</script>
</head>
<body>
<form>
<input type="button" value="click it" onclick="add2()">  //按钮,onclick点击事件，直接写函数名</form>
</body>
</html>


    查看全部
    0 采集 收起 来源：有参数的函数

    2018-08-22

  • 慕码人7209486


    <!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 col(){

                      

         // 鼠标移动改变背景,可以通过给每行绑定鼠标移上事件和鼠标移除事件来改变所在行背景色。

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

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

            {

                chaCol(t[i]);

            }

    }

     

    function chaCol(a){

        a.onmouseover=function(){a.style.backgroundColor="#f2f2f2";}

        a.onmouseout=function(){a.style.backgroundColor="#fff";}

    }

         

          // 编写一个函数，供添加按钮调用，动态在表格的最后一行添加子节点；

         function add1(){

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

             var odnote=table1.lastChild;

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

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

             newtd1.innerHTML=prompt("请输入学号");

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

             newtd2.innerHTML=prompt("请输入姓名");

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

             var del=document.createElement("a")

             del.setAttribute("href","javascript:;");

             del.setAttribute("onclick","del(this)");

             del.innerHTML="删除";

             odnote.appendChild(newtr);

             newtr.appendChild(newtd1);

             newtr.appendChild(newtd2);

             newtr.appendChild(newtd3);

             newtd3.appendChild(del);

            chaCol(newtr);

         }

       

         

         // 创建删除函数

         function del(obj){

             var rot=obj.parentNode.parentNode.parentNode;

             var del=obj.parentNode.parentNode;

             rot.removeChild(del);

         }



      </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="del(this)" >删除</a></td>   <!--在删除按钮上添加点击事件  -->

      </tr>


      <tr>

    <td>xh002</td>

    <td>刘小芳</td>

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

      </tr>  


      </table>

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

     </body>

    </html>


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

    2018-08-22

首页上一页639640641642643644645下一页尾页

举报

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

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

查看已购买的课程