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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • var my =值

    switch(my){

    case 1;

    document.write("");

    break;

    default;

    document.write("");

    }

    查看全部
  • JavaScript 创建动态页面。事件是可以被 JavaScript 侦测到的行为。 网页中的每个元素都可以产生某些可以触发 JavaScript 函数或程序的事件。

    比如说,当用户单击按钮或者提交表单数据时,就发生一个鼠标单击(onclick)事件,需要浏览器做出处理,返回给用户一个结果。

    主要事件表:


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

    2018-08-29

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

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

    2018-08-28

  • <!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-1;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-1;i++){
                    hobby[i].checked=false;
                }
             // 任务2   
               
            }
           
            function checkone(){
                var j=document.getElementById("wb").value;
                var hobby = document.getElementsByName("hobby");
            if(parseInt(j)<1||parseInt(j)>6||j.length>1){
                alert("请输入序号1—6!");
                document.getElementById("wb").value="";
            }else{
                for(var i=0;i<=hobby.length-1;i++){
                 if(i==parseInt(j)-1){
                     hobby[i].checked=true;
                 }else{
                     hobby[i].checked=false;
                 }
                }
               
            }
             // 任务3
           
            }
           
            </script>
        </body>
    </html>



    查看全部
  • document.write("数组第一个值是:"+myarray[0]+"<br>");

    输出文字和回车都要注意有引号

    查看全部
  • 二维数组

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

    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 ],[1 , 2 , 3]]

    说明: myarr[0][1] ,0 表示表的行,1表示表的列。

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

    2018-08-28

  • 创建数组语法:

    var myarray=new Array();
    或者 var myarray=[];
    myarray是随意变化的

    注意:
    1.创建的新数组是空数组,没有值,如输出,则显示undefined。
    2.虽然创建数组时,指定了长度,但实际上数组都是变长的,也就是说即使指定了长度为8,仍然可以将元素存储在规定长度以外。

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

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

    2018-08-31

  • 链接也可以直接调用函数
    查看全部

  • 在html调用函数要用onclick=“函数名()



    查看全部
  • 在html调用函数要用onclick=“函数名()”

    查看全部
  • 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 采集 收起 来源:什么是对象

    2018-08-31

  •  如果A为真,A || B为真,不会在执行B; 反之,如果A为假,要由 B 的值来决定 A || B 的值。

    查看全部
  • &&操作符中: 如果A为假,A && B为假,不会在执行B; 反之,如果A为真,要由 B 的值来决定 A && B 的值。

    查看全部
  • 引入外部js的方法:

    <script type="text/javascript" src="script.js"></script>

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

    2018-08-28

举报

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

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