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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • get/setFullYear(可设定) 返回/设置年份,用四位数表示,


    查看全部
  • function onunload 函数名(){

    执行语法}

    卸载事件的语法

    查看全部
  • 卸载事件(onunload)

    当用户退出页面时(页面关闭、页面刷新等),触发onUnload事件,同时执行被调用的程序。

    注意:不同浏览器对onunload事件支持不同。

    如下代码,当退出页面时,弹出对话框“您确定离开该网页吗?

    查看全部
  • 加载事件(onload);

    事件会在页面加载完成后,立即发生,同时执行被调用的程序。
    注意:1. 加载页面时,触发onload事件,事件写在<body>标签内。

          2. 此节的加载页面,可理解为打开一个新页面时。
    如下代码,当加载一个新页面时,弹出对话框“加载中,请稍等…”。


    查看全部
  • 文本框内容改变事件(onchange);


    查看全部
  • <!DOCTYPE  HTML><html ><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>系好安全带,准备启航</title><script type="text/javascript">  //通过javascript的日期对象来得到当前的日期,并输出。  var d=new Date();  var year=d.getFullYear()+"年";  var month=d.getMonth()+"月";  var date=d.getDate()+"日";  var time=year+month+date+getChineseDay(d);  document.write(time+"<br>");  function getChineseDay(d){    var day=d.getDay();    var dayname=['星期日','星期一','星期二','星期三','星期四','星期五','星期六'];    switch(day){        case 0:        return dayname[0];        break;        case 1:        return dayname[1];        break;        case 2:        return dayname[2];        break;        case 3:        return dayname[3];        break;        case 4:        return dayname[4];        break;        case 5:        return dayname[5];        break;        case 6:        return dayname[6];        break;    }  }         //成绩是一长窜的字符串不好处理,找规律后分割放到数组里更好操作哦  var scoreStr = "小明:87;小花:81;小红:97;小天:76;小张:74;小小:94;小西:90;小伍:76;小迪:64;小曼:76";  document.write("平均分数:"+average(scoreStr));  function average(scoreStr){    var sum=0;    var count=0    for(i=0;i<=scoreStr.length;i++){      if(scoreStr.charAt(i)==":"){        sum=sum+parseInt(scoreStr.substr(i+1,2));        count++      }         }    return sum/count;  }  //从数组中将成绩撮出来,然后求和取整,并输出。  </script></head><body></body></html>


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

    2019-05-21

  •  //通过javascript的日期对象来得到当前的日期,并输出。
    var d=new Date();
    var year=d.getFullYear()+"年";
    var month=d.getMonth()+"月";
    var date=d.getDate()+"日";
    var time=year+month+date+getChineseDay(d);document.write(time+"<br>");
    function getChineseDay(d){
        var day=d.getDay();
        var dayname=['星期日','星期一','星期二','星期三','星期四','星期五','星期六'];
        switch(day){
        case 0:
        return dayname[0];
        break;
        case 1:
        return dayname[1];
        break;
        case 2:
        return dayname[2];
        break;
        case 3:
        return dayname[3];
        break;
        case 4:
        return dayname[4];
        break;
        case 5:
        return dayname[5];
        break;
        case 6:
        return dayname[6];
        break;}
    }


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

    2019-05-21


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

    document.write("平均分数:"+average(scoreStr));

    function average(scoreStr){ 

        var sum=0;var count=0

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

            if(scoreStr.charAt(i)==":")

            {

             sum=sum+parseInt(scoreStr.substr(i+1,2));count++

            }   

         }

        return sum/count;

    }


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

    2019-05-21

  • scrollLeft:设置或获取位于给定对象左边界与窗口中目前可见内容的最左端之间的距离 ,即左边灰色的内容。

    scrollTop:设置或获取位于对象最顶端与窗口中可见内容的最顶端之间的距离 ,即上边灰色的内容。

    offsetLeft:获取指定对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置 。

    offsetTop:获取指定对象相对于版面或由 offsetParent 属性指定的父坐标的计算顶端位置 。

    注意:

    1. 区分大小写

    2. offsetParent:布局中设置postion属性(Relative、Absolute、fixed)的父容器,从最近的父节点开始,一层层向上找,直到HTML的body。

    5347b2b10001e1a307520686.jpg

    查看全部
  • stringObject.split(separator,limit)

    limit表示切割几次

    查看全部
  • 访问属性 用 objectName.attr

    访问方法 用 objectName.methodName()

    查看全部
    0 采集 收起 来源:什么是对象

    2019-05-21

  • 查看全部
  • setAttribute()方法


    setAttribute() 方法增加一个指定名称和值的新属性,或者把一个现有的属性设定为指定的值。

    语法:

    elementNode.setAttribute(name,value)

    说明:

    1.name: 要设置的属性名。

    2.value: 要设置的属性值。

    注意:

    1.把指定的属性设置为指定的值。如果不存在具有指定名称的属性,该方法将创建一个新属性。

    2.类似于getAttribute()方法,setAttribute()方法只能通过元素节点对象调用的函数。



    查看全部
  • insertBefore()

    查看全部
  • JavaScript 中的所有事物都是对象,如:字符串、数值、数组、函数等,每个对象带有属性和方法。

    对象的属性:反映该对象某些特定的性质的,如:字符串的长度、图像的长宽等;

    对象的方法:能够在对象上执行的动作。例如,表单的“提交”(Submit),时间的“获取”(getYear)等;

    JavaScript 提供多个内建对象,比如 String、Date、Array 等等,使用对象前先定义,如下使用数组对象:

      var objectName =new Array();//使用new关键字定义对象或者
      var objectName =[];

    访问对象属性的语法:

    objectName.propertyName

    访问对象的方法:

    objectName.methodName()


    查看全部
    0 采集 收起 来源:什么是对象

    2019-05-21

举报

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

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