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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • 我与你同在(逻辑与操作符)

    数学里面的“a>b”,在JavaScript中还表示为a>b;数学中的“b大于a,b小于c”是“a<b<c”,那么在JavaScript中可以用&&表示,如下:

    b>a && b<c    //“&&”是并且的意思, 读法"b大于a"并且" b小于c "

    好比我们参加高考时,在进入考场前,必须出示准考证和身份证,两者缺一不可,否则不能参加考试,表示如下:

    if(有准考证 &&有身份证)  {    进行考场考试 }

     “&&”是逻辑与操作符,只有“&&”两边值同时满足(同时为真),整个表达式值才为真。

    逻辑与操作符值表:

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



    查看全部

  • 较量较量(比较操作符)

    我们先来做道数学题,数学考试成绩中,小明考了90分,小红考了95分,问谁考的分数高? 答: 因为“95 > 90”,所以小红考试成绩高。

    其中大于号">" 就是比较操作符,小红考试成绩和小明考试成绩就是操作数,并且是两个操作数。

    也就是说两个操作数通过比较操作符进行比较,得到值为真(true)和假(false)。

    在JavaScript中,这样的比较操作符有很多,这些操作符的含义如下: 


    看看下面例子:

    var a = 5;//定义a变量,赋值为5 var b = 9; //定义b变量,赋值为9 document.write (a<b); //a小于b的值吗? 结果是真(true) document.write (a>=b); //a大于或等于b的值吗? 结果是假(false) document.write (a!=b); //a不等于b的值吗? 结果是真(true) document.write (a==b); //a等于b的值吗? 结果是假(false)


    查看全部
  • 本章节和7-9的区别

    查看全部
    0 采集 收起 来源:选定元素slice()

    2019-06-28

  • <!DOCTYPE  HTML>

    <html >

    <head>

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

    <title>系好安全带,准备启航</title>


    <script type="text/javascript">


      //通过javascript的日期对象来得到当前的日期,并输出。

      var time =new Date;

      var array = [

          "星期日","星期一","星期二","星期三","星期四","星期五","星期六"

      ];

      document.write(time.getFullYear()+"年" + time.getMonth()+"月" +time.getDate()+"日"+" "+

      array[time.getDay()]);

      

      

      //成绩是一长窜的字符串不好处理,找规律后分割放到数组里更好操作哦

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

      var array1 =scoreStr.split(";");

      document.write(array1);

      var sum = 0;

      var avg = 0;

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

          sum += parseInt(array1[i].substr(array1[i].indexOf(":")+1));

      }

      

      avg = sum/(array1.length) ;

      document.write("总分:" + sum);

      document.write("平均分:" + Math.round(avg));



      //从数组中将成绩撮出来,然后求和取整,并输出。

      



    </script>

    </head>

    <body>

    </body>

    </html>


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

    2019-06-28

  • 自加一,自减一 ( ++和- -)

    算术操作符除了(+、-、*、/)外,还有两个非常常用的操作符,自加一“++”;自减一“--”。首先来看一个例子:

    mynum = 10; mynum++; //mynum的值变为11 mynum--; //mynum的值又变回10

    上面的例子中,mynum++使mynum值在原基础上增加1,mynum--使mynum在原基础上减去1,其实也可以写成:

    mynum = mynum + 1;//等同于mynum++ mynum = mynum - 1;//等同于mynum--


    查看全部
  • 推后两个小时: 2* 60 * 60 * 1000

    mydate.getTime() + 2* 60 * 60 * 1000

    mydate.setTime( mydate.getTime()  + 2* 60 * 60 * 1000);

    查看全部
  • Date对象中处理时间和日期的常用方法:


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

    2019-06-28

  • 后面的值会覆盖前面的值如 

    myarray[0]=88; myarray[0]=98;

    输出结果为98


    查看全部

  • 节点属性:


    遍历节点树:

    dom操作:

    查看全部
    0 采集 收起 来源:认识DOM

    2019-06-27

  • 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-06-27

  • window.screen.属性用于获取用户屏幕信息

    查看全部
    1 采集 收起 来源:screen对象

    2019-06-27

  • <!DOCTYPE html>

    <html>

     <head>

      <title> 事件</title>  

      <script type="text/javascript">

       function count(){

           

        //获取第一个输入框的值

        var num1 = document.getElementById("txt1").value;

    //获取第二个输入框的值

    var num2 = document.getElementById("txt2").value;

    //获取选择框的值

    var num3 = document.getElementById("select").value;


    //获取通过下拉框来选择的值来改变加减乘除的运算法则

    var value = "";

        switch(num3){

        

            case "+":

                          value = parseInt(num1) + parseInt(num2);

                          break;

        case "-":

                          value = parseInt(num1) - parseInt(num2);

                          break;

        case "*":

                          value = parseInt(num1) * parseInt(num2);

                          break;

        case "/":

                          value = parseInt(num1) / parseInt(num2);

                          break;

        default:

                          break;

    }

     

        //设置结果输入框的值

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

        

        

       }

      </script> 

     </head> 

     <body>

       <input type='text' id='txt1' /> 

       <select id='select'>

    <option value='+'>+</option>

    <option value="-">-</option>

    <option value="*">*</option>

    <option value="/">/</option>

       </select>

       <input type='text' id='txt2' /> 

       <input type='button' value=' = ' onclick = "count()"/> <!--通过 = 按钮来调用创建的函数,得到结果--> 

       <input type='text' id='fruit' />   

     </body>

    </html>


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

    2019-06-27

  • useragent:包括浏览器版本信息等的字符串

    查看全部
    0 采集 收起 来源:userAgent

    2019-06-27

  • Navigator对象属性:


    查看全部
    0 采集 收起 来源:Navigator对象

    2019-06-27

  • 定义函数

    function  函数名( ) {      函数体; }

    function定义函数的关键字,“函数名”你为函数取的名字,“函数体”替换为完成特定功能的代码。


    查看全部
    0 采集 收起 来源:定义函数

    2019-06-27

举报

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

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