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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • split() 方法将字符串分割为字符串数组,并返回此数组。


    查看全部
  • indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。

    查看全部
  • substr()

    substr()

    substr()

    substr()

    substr()



    查看全部
  • 问题在于函数中的alert()函数。当你点击select下拉选单的时候会出发onfocus绑定的函数弹出alert对话框,但当你点击“确定”按钮的时候,此时你的文本框就失去了焦点,alert对话框消失之后文本框又获得了焦点所以此时有一次调用了message()函数,如此往复。。。。。

    为什么我点击那个下拉菜单会一直出现提示框,点确定也根本停不下来,只能点不再提示才会消失

    <!DOCTYPE HTML>

    <head>

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

    <title> 光标聚焦事件 </title>

      <script type="text/javascript">

        function message(){

     alert("请选择,您现在的职业!");

    }

      </script>

    </head>

    <body>

    请选择您的职业:<br>

      <form>

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

          <option>学生</option> 

          <option>教师</option> 

          <option>工程师</option> 

          <option>演员</option> 

          <option>会计</option> 

        </select> 

      </form>

    </body>

    </html>


    查看全部
  •     window.onload = function(){

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

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

    bgct(tr[i]);

    }

        }          

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

        function bgct(obj){

    obj.onmouseover =function(){

    obj.style.backgroundColor="#f2f2f2";

    }

    obj.onmouseout  =function(){

    obj.style.backgroundColor="#fff";

    }

    }


    add(){

    //**********

    bgct(tab.lastChild);

    }

    给标签添加事件的方法

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

    2018-04-09

  • czn.innerHTML="<a href='#' onclick='delt(this)' >删除</a>";

    用innerHTML直接添加子节点。


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

    2018-04-09

  • 使用for循环清除节点例如:如下代码会导致每次点击都只能清除部分节点。这是因为每次清除节点时childNodes的长度(即tt.length)都缩短1,而每次I增大1,这样会导致i的值还没有达到最初的tt.length时循环会比提前结束;
    var tt=content.childNodes;
     for(i=0;i<tt.length;i++);{
         content.removeChild(tt[1]);
     }

    查看全部
  • indexof ('v', 索引5 开始搜索 V 下标为 多少)

    查看全部
  • getDay()返回的是星期,返回的是0-6的数字,0表示的是星期天,如果要返回相对应星期,通过数组完成。

    查看全部
    0 采集 收起 来源:返回星期方法

    2018-04-09

  • <script type="text/javascript">
       function a1(a,b) {
        return b-a;
       }
    var myarr = new Array("80","16","50","6","100","1");
    document.write(myarr.sort(a1));

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

    2018-04-09

  • var w= document.documentElement.clientWidth
          || document.body.clientWidth;
    var h= document.documentElement.clientHeight
          || document.body.clientHeight;

    逻辑或遵循短路原则,前面的有值取前面的值且不计算后面的值,否则取后面的值

    查看全部
  • indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。

    语法

    stringObject.indexOf(substring, startpos)

    参数说明:


    说明:

    1.该方法将从头到尾地检索字符串 stringObject,看它是否含有子串 substring。

    2.可选参数,从stringObject的startpos位置开始查找substring,如果没有此参数将从stringObject的开始位置查找。

    3.如果找到一个 substring,则返回 substring 的第一次出现的位置。stringObject 中的字符位置是从 0 开始的。

    注意:1.indexOf() 方法区分大小写。

    2.如果要检索的字符串值没有出现,则该方法返回 -1。

    例如: 对 "I love JavaScript!" 字符串内进行不同的检索:

    <script type="text/javascript">
      var str="I love JavaScript!"
      document.write(str.indexOf("I") + "<br />");
      document.write(str.indexOf("v") + "<br />");
      document.write(str.indexOf("v",8));
    </script>

    以上代码的输出:

    0
    4
    9


    查看全部
  • charAt() 方法可返回指定位置的字符。返回的字符是长度为 1 的字符串。

    语法:

    stringObject.charAt(index)

    参数说明:


    注意1.字符串中第一个字符的下标是 0。最后一个字符的下标为字符串长度减一(string.length-1)。

    2.如果参数 index 不在 0 与 string.length-1 之间,该方法将返回一个空字符串。


    查看全部
  • <script type="text/javascript">

    var infos = [

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

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

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

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

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

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

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

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

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

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

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

    ];

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

    if(infos[i][3] === "大一" && infos[i][1] === "女") {

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

    }

    }

    </script>


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

    2018-04-09

  • 一维数组,我们看成一组盒子,每个盒子只能放一个内容。

    一维数组的表示: myarray[ ]

    二维数组,我们看成一组盒子,不过每个盒子里还可以放多个盒子。

    二维数组的表示: myarray[ ][ ]

    注意: 二维数组的两个维度的索引值也是从0开始,两个维度的最后一个索引值为长度-1。 

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


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

    2018-04-09

举报

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

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