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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • 虽然创建数组时,指定了长度,但实际上数组都是变长的,也就是说即使指定了长度为8,仍然可以将元素存储在规定长度以外

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


    查看全部
  • 使用 String 对象的 toUpperCase() 方法来将字符串小写字母转换为大写.
    
    使用toLowerCase()方法,将字符串所有大写字母都变成小写的字符串


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


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

    2019-02-19

  • 日期对象可以储存任意一个日期,并且可以精确到毫秒数(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对象中处理时间和日期的常用方法:

    555c650d0001ae7b04180297.jpg

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

    2019-02-19

  • 什么是对象JavaScript 中的所有事物都是对象,如:字符串、数值、数组、函数等,每个对象带有属性和方法。对象的属性:反映该对象某些特定的性质的,如:字符串的长度、图像的长宽等;对象的方法:能够在对象上执行的动作。例如,表单的“提交”(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 采集 收起 来源:什么是对象

    2019-02-19

  • 能够完美运行。大家可以参考一下

    <!DOCTYPE html>

    <html>

     <head>

      <title>浏览器对象</title>  

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

     </head>

     <body>

      <!--先编写好网页布局-->

      <p>操作成功</p>

      <span id="seconds">5</span>

      <span>秒后回到主页</span> 

      <a href="javascript:back()">返回</span>

     

      <script type="text/javascript">  

     

       //获取显示秒数的元素,通过定时器来更改秒数。

       var num=document.getElementById("seconds").innerHTML;

       function timego(){

           num--;

        document.getElementById("seconds").innerHTML=num;

           

           if(num==1){

            location.replace("https://www.imooc.com");        

           };

            

           }

        setInterval("timego()",1000);

       //通过window的location和history对象来控制网页的跳转。

       function back(){

           window.history.go(-1);

       }

     </script> 

    </body>

    </html>


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

    2019-02-19


  • HTML <input> 标签的 checked 属性

    checked 属性规定在页面加载时应该被预先选定的 input 元素。Object.checked = true/false;//选定/不选定

    checked 属性 与 <input type="checkbox"> 或 <input type="radio"> 配合使用。

    checked 属性也可以在页面加载后,通过 JavaScript 代码进行设置。

    JavaScript charAt() 方法

    定义和用法

    charAt() 方法可返回指定位置的字符。

    请注意,JavaScript 并没有一种有别于字符串类型的字符数据类型,所以返回的字符是长度为 1 的字符串。

    语法

    stringObject.charAt(index)
    参数描述
    index必需。表示字符串中某个位置的数字,即字符在字符串中的下标。

    提示和注释

    注释:字符串中第一个字符的下标是 0。如果参数 index 不在 0 与 string.length 之间,该方法将返回一个空字符串。


    查看全部
  • 自己的作答,望提出改进的意见(#^.^#)

    <!DOCTYPE HTML>

    <html>

        <head>

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

            <title>无标题文档</title>

        </head>

        

        <body>

            <form>

              请选择你爱好:<br>

              <input type="checkbox" name="hobby" id="hobby1">  音乐

              <input type="checkbox" name="hobby" id="hobby2">  登山

              <input type="checkbox" name="hobby" id="hobby3">  游泳

              <input type="checkbox" name="hobby" id="hobby4">  阅读

              <input type="checkbox" name="hobby" id="hobby5">  打球

              <input type="checkbox" name="hobby" id="hobby6">  跑步 <br>

              <input type="button" value = "全选" onclick = "checkall();">

              <input type="button" value = "全不选" onclick = "clearall();">

              <p>请输入您要选择爱好的序号,序号为1-6:</p>

              <input id="wb" name="wb" type="text" >

              <input name="ok" type="button" value="确定" onclick = "checkone();">

            </form>

            <script type="text/javascript">

            function checkall(){

                var hobby = document.getElementsByTagName("input");

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

                    if(hobby[i].type=="checkbox"){

                        hobby[i].checked=true;

                    }

                }

              // 任务1 

               

            }

            function clearall(){

                var hobby = document.getElementsByName("hobby");

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

                    hobby[i].checked=false;

                }

             // 任务2    

                

            }

            

            function checkone(){

                var j=document.getElementById("wb").value;

                var hobby1 = document.getElementsByName("hobby");

                if(j<7&&j>0){

                    hobby1[j-1].checked=true;

                }else{

                    alert("输入的序号不符合超出范围");

                    document.getElementById("wb").value= "";

                }

             // 任务3

            

            }

            

            </script>

        </body>

    </html>


    查看全部
  • 卸载事件(onunload)当用户退出页面时(页面关闭、页面刷新等),触发onUnload事件,同时执行被调用的程序。

    546470c90001583205460464.jpg

    查看全部
  • 加载事件(onload)事件会在页面加载完成后,立即发生,同时执行被调用的程序。 注意:1. 加载页面时,触发onload事件,事件写在<body>标签内。      2. 此节的加载页面,可理解为打开一个新页面时。 如下代码,当加载一个新页面时,弹出对话框“加载中,请稍等…


    查看全部

  • 文本框内容改变事件(onchange)通过改变文本框的内容来触发onchange事件,同时执行被调用的程序


    查看全部
  • onblur 当光标离开当前获得聚焦对象的时候,触发onblur事件


    查看全部
  • onfocus 光标聚焦事件


    查看全部
  • onmouseout 鼠标离开事件


    查看全部

举报

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

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