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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  •  toUpperCase() 方法来将字符串小写字母转换为大写

     toLowerCase()方法,将字符串所有大写字母都变成小写的字符串。

    在之前的学习中已经使用字符串对象了,定义字符串的方法就是直接赋值。比如:

    var mystr = "I love JavaScript!"

    定义mystr字符串后,我们就可以访问它的属性和方法。

    访问字符串对象的属性length:

    stringObject.length; 返回该字符串的长度。

    var mystr="Hello World!";
    var myl=mystr.length;

    以上代码执行后,myl 的值将是:12


    查看全部
  • 提取指定数目的字符substr()

    substr() 方法从字符串中提取从 startPos位置开始的指定数目的字符串。

    语法:

    stringObject.substr(startPos,length)

    参数说明:

    注意:如果参数startPos是负数,从字符串的尾部开始算起的位置。也就是说,-1 指字符串中最后一个字符,-2 指倒数第二个字符,以此类推。

    如果startPos为负数且绝对值大于字符串长度,startPos为0。


    查看全部
  • 如果将目前日期对象的时间推迟1小时,代码如下:

    <script type="text/javascript">
      var mydate=new Date();
      document.write("当前时间:"+mydate+"<br>");
      mydate.setTime(mydate.getTime() + 60 * 60 * 1000);
      document.write("推迟一小时时间:" + mydate);</script>


    查看全部
  • get/setTime();

    获取/设置时间;

    当然,这个对象必须是Date()的实例才可以的


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

    2018-06-25

  • 1

    返回星期方法getDay() 返回星期,返回的是0-6的数字,0 表示星期天。如果要返回相对应“星期”,通过数组完成,代码如下:

    <script type="text/javascript">

     var mydate=new Date();//定义日期对象  

     var weekday=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"]; //定义数组对象,给每个数组项赋值  

     var mynum=mydate.getDay();//返回值存储在变量mynum中  

     document.write(mydate.getDay());//输出getDay()获取值 

     document.write("今天是:"+ weekday[mynum]);//输出星期几


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

    2018-06-25

  • get/setFullYear() 返回/设置年份,用四位数表示。

    var mydate=new Date();//当前时间2014年3月6日
    document.write(mydate+"<br>");//输出当前时间
    document.write(mydate.getFullYear()+"<br>");//输出当前年份
    mydate.setFullYear(81); //设置年份
    document.write(mydate+"<br>"); //输出年份被设定为 0081年。


    查看全部
  • 日期对象可以储存任意一个日期,并且可以精确到毫秒数(1/1000 秒)。

    定义一个时间对象 :

    var Udate=new Date();

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

    使 Udate 成为日期对象,并且已有初始值:当前时间(当前电脑系统时间)。

    如果要自定义初始值,可以用以下方法:

    var d = new Date(2012, 10, 1);  //2012年10月1日
    var d = new Date('Oct 1, 2012'); //2012年10月1日

    我们最好使用下面介绍的“方法”来严格定义时间。

    访问方法语法:“<日期对象>.<方法>”

    Date对象中处理时间和日期的常用方法:

    https://img1.sycdn.imooc.com//5b3048fa0001ae7b04180297.jpghttps://img1.sycdn.imooc.com//5b3049030001ae7b04180297.jpg

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

    2018-06-25

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

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

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

    访问对象属性的语法:

    objectName.propertyName

    如使用 Array 对象的 length 属性来获得数组的长度:

    var myarray=new Array(6);//定义数组对象
    var myl=myarray.length;//访问数组长度length属性

    以上代码执行后,myl的值将是:6

    访问对象的方法:

    objectName.methodName()

    如使用string 对象的 toUpperCase() 方法来将文本转换为大写:

    var mystr="Hello world!";//创建一个字符串
    var request=mystr.toUpperCase(); //使用字符串对象方法

    以上代码执行后,request的值是:HELLO WORLD!


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

    2018-06-25

  • var 可以声明多个,中间,隔开就行

    document.getElementById("").value  后面value记得,前面也要写声明名称,如a=document.getElementById("").value

    function 函数名(){}记得写在哪

    document.getElementById("fruit").value=result;


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

    2018-06-25

  • onclick  鼠标点击时

    onmouseover  鼠标滑过时

    onmouseout  鼠标移开时

    onfocus    光标聚焦(光标在需聚焦的地方)事件

    onblur     光标失焦(光标离开刚聚焦的地方)事件

    onselect   选中事件(选中文本框中的文字时触发)

    onchange   文本框内容改变事件

    onload    加载事件(事件写在<body>中;相当于打开一个新的页面)

    onunload  卸载事件(离开或者刷新页面时)格式为window.onunload=函数名;


    查看全部
  • 事件会在页面加载完成后,立即发生,同时执行被调用的程序。
    注意:

        1. 加载页面时,触发onload事件,事件写在<body>标签内。

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

    查看全部
  • 通过改变文本框的内容来触发onchange事件,同时执行被调用的程序。

    onchange="message()"


    查看全部
  • 选中事件,当文本框或者文本域中的文字被选中时,触发onselect事件,同时调用的程序就会被执行。

    如下代码,当选中用户文本框内的文字时,触发onselect 事件,并调用函数message()。

    <!DOCTYPE HTML>
    <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>
      <form>
      个人简介:<br>
       <textarea name="summary" cols="60" rows="5" onselect="message()">请写入个人简介,不少于200字!</textarea>
      </form>
    </body>
    </html>


    查看全部
  • parseInt

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

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

    2018-06-25

  • 有参数的函数:

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

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

    2018-06-25

举报

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

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