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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • <form>

        <select name="career" onfocus="message()"> 

          <option>学生</option> 

          <option>教师</option> 

          <option>工程师</option> 

          <option>演员</option> 

          <option>会计</option> 

        </select> 

      </form>

    //下拉菜单为选项

    查看全部
  • 主要事件表

    53e198540001b66404860353.jpg

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

    2018-11-02

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

    如果不输入 return ,则sum的值不能付给其它变量

     var req1=app2(5,6);

    否则为 undefinded

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

    2018-11-02

  • var infos=[

        ['小A','女',21,'大一'],

        ['小B','男',23,'大三'],

        ['小C','男',24,'大四'],

        ['小D','女',21,'大一'],

        ['小E','女',22,'大四'],

        ['小F','男',21,'大一'],

        ['小G','女',22,'大二'],

        ['小H','女',20,'大三'],

        ['小I','女',20,'大一'],

        ['小J','男',20,'大三'],

        


    ];


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

    2018-11-02

  • 继续循环 continue

    52dc89270001212905110297.jpg

    查看全部
  • //退出循环breakhttps://img1.sycdn.imooc.com//5bdbde81000185a705000270.jpg

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

    2018-11-02

  • function add(){

        num++;

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

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

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

        xh.innerHTML="xh00"+num;

        xm.innerHTML="第"+num+"学生";

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

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

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

        tab.appendChild(tr);

        tr.appendChild(xh);

        tr.appendChild(xm);

        tr.appendChild(del);

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

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

            bgcChange(tr[i]);

        }

    }


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

    2018-11-02

  • <!DOCTYPE HTML>

    <html>

    <head>

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

    <title>节点属性</title>

    </head>

    <body>

      <ul>

         <li>javascript</li>

         <li>HTML/CSS</li>

         <li>jQuery</li>     

      </ul>

      <script type="text/javascript">

        var lis=document.getElementsByTagName("li");

        var k=1;

        for(i=0;i<=lis.length;i++){

        //document.write(lis[i].nodeName+" "+lis[i].nodeValue+

        // " "+lis[i].nodeType+"<br>");

       

        document.write("第"+k+"节点名称:"+lis[i].nodeName+"<br/>");


        document.write("第"+k+"节点值:"+lis[i].nodeValue+"<br/>");


        document.write("第"+k+"节点类型:"+lis[i].nodeType+"<br/>");


        k++;

        }

      </script>

    </body>

    </html>



    输出结果是:

    • javascript

    • HTML/CSS

    • jQuery

    第1节点名称:LI
    第1节点值:null
    第1节点类型:1
    第2节点名称:LI
    第2节点值:null
    第2节点类型:1
    第3节点名称:LI
    第3节点值:null
    第3节点类型:1


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

    2018-11-02

  • 一、什么是a标签?

    a标签的作用:就是用于控制界面与页面之间的跳转的

    a标签的格式:<a href="指定要跳转的目标界面的链接">需要展示给用户看见的内容</a>

    a标签中有一个target属性,这个属性的作用就是专门用于控制如何跳转

    self:用于在当前选项卡中跳转,也就是不新建页面跳转

    默认就是self

    _blank :用于在新的选项卡中跳转,也就是新建页面跳转

    a标签中还有一个属性,叫做title,a标签中的title和img标签中title一样,都是用来控制鼠标悬停时显示的提示文本内容的

    查看全部
  • <!DOCTYPE  HTML>
    <html >
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>数组</title>
    <script type="text/javascript">
     //创建数组
    var str="* ## *** && **** ##*";
    var arr=str.split(" ");
    arr.splice(1,0,"**");
     //显示数组长度
     document.write(arr);
     document.write("<br/>");
     //将数组内容输出,完成达到的效果。

    document.write(arr[0]+"<br/>");
    document.write(arr[1]+"<br/>");
    document.write(arr[3]+"<br/>");
    document.write(arr[5]+"<br/>");
    </script>
    </head>
    <body>
    </body>
    </html>

    str.split()分隔字符串 赋值到新的变量里为数组
    
    arr.splice(1,0) 第一个为数组的下标位置,如果第二个为0那么就不变,如果为1 那么就会删除从第一个开始的1个数组 2的话就删除2个
    查看全部
    0 采集 收起 来源:编程练习

    2018-11-01

  • <script type="text/javascript">

     //创建数组

     var myarr=["*","**","***","****"];

     //显示数组长度

     document.write("数组的长度为:"+myarr.length+"<br/>");

     //将数组内容输出,完成达到的效果。

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

    {

     document.write(myarr[i]+"<br/>");

    }

    </script>


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

    2018-11-01

  • 1. 二维数组的定义方法一

    var myarr=new Array();  //先声明一维 
    for(var i=0;i<2;i++){   //一维长度为2
       myarr[i]=new Array();  //再声明二维 
       for(var j=0;j<3;j++){   //二维长度为3
       myarr[i][j]=i+j;   // 赋值,每个数组元素的值为i+j
       }
     }

    2. 二维数组的定义方法二

    var myarr = [[0 , 1 , 2 ],[0, 1 , 2]]


    查看全部
    0 采集 收起 来源:二维数组

    2018-11-01

  • var arr=[98,76,54,56,76]; // 包含5个数值的数组
    document.write(arr.length); //显示数组的长度5
    arr[15]=34;  //增加元素,使用索引为15,赋值为34alert(arr.length); //显示数组的长度16


    查看全部
  • var myarray = new Array(66,80,90,77,59);//创建数组同时赋值
     var myarray = [66,80,90,77,59];//直接输入一个数组(称 “字面量数组”)


    查看全部
  • var myarr=new Array(); //定义数组

     myarr[0]=80; 

     myarr[1]=60;

     myarr[2]=99;


    查看全部

举报

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

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