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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • 团里添加新成员(向数组增加一个新元素)

    上一节中,我们使用myarray变量存储了5个人的成绩,现在多出一个人的成绩,如何存储呢? 

    只需使用下一个未用的索引,任何时刻可以不断向数组增加新元素。

    myarray[5]=88; //使用一个新索引,为数组增加一个新元素


    查看全部
  • 组团,并给团取个名(如何创建数组)

    使用数组之前首先要创建,而且需要把数组本身赋至一个变量。好比我们出游,要组团,并给团定个名字“云南之旅”。

    创建数组语法:

    var myarray=new Array();

              
     我们创建数组的同时,还可以为数组指定长度,长度可任意指定。

    var myarray= new Array(8); //创建数组,存储8个数据。

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


    查看全部
  • 编程练习

    任务

    第一步: 在  ? 处填写你的答案。

    第二步: 填写完成后,运行一下,看看是不是跟你填写的结果一致。

    第三步: 如果你有不一致的地方,思考一下为什么跟你的不一致呢。

    <!DOCTYPE HTML>

    <html>

    <head>

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

    <title>JS基础</title>

    <script type="text/javascript">

      var a,b,sum;

      var  a  = 5;

      var  b  = 100%7;  

      sum = a > b && a*b > 0 ;

      document.write( "我认为 a 的值是:" + 5  + " b的值是:" + 2 + "sum 的值是:" + true+"<br/>");

      document.write( "答案是,第一轮计算后,a 为:"+ a +";b为:"+b +";第一次计算sum为:"+ sum +"<br/>");


      sum = ( (++a) + 3 ) / (2 - (--b) ) * 3;  

      document.write( "再一次计算后,我认为 a 的值是:" +  6 + " b的值是:" +  1 + "sum 的值是:" +  27 +"<br/>"); 

      document.write( "答案是,第二轮计算后,a 为:" + a + ";b为:" + b +";第二次计算sum为:"+ sum +",sum的类型也发生变化了。");


    </script>

    </head>

    <body>

    </body>

    </html>


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

    2019-08-21

  • 保持先后顺序(操作符优先级)

    我们都知道,除法、乘法等操作符的优先级比加法和减法高,例如:

    var numa=3; var numb=6 jq= numa + 30 / 2 - numb * 3;  // 结果为0

    如果我们要改变运算顺序,需添加括号的方法来改变优先级:

    var numa=3; var numb=6 jq= ((numa + 30) / (2 - numb)) * 3; //结果是-24.75

    操作符之间的优先级(高到低):

    算术操作符 → 比较操作符 → 逻辑操作符 → "="赋值符号

    如果同级的运算是按从左到右次序进行,多层括号由里向外。

    var numa=3; var numb=6; jq= numa + 30 >10 && numb * 3<2;  //结果为false


    查看全部
  • 10.我或你都可以 (逻辑或操作符)

    "||"逻辑或操作符,相当于生活中的“或者”,当两个条件中有任一个条件满足,“逻辑或”的运算结果就为“真”。

    例如:本周我们计划出游,可是周一至周五工作,所以周六或者周日哪天去都可以。即两天中只要有一天有空,就可以出游了。

    var a=3;
    var b=5;
    var c;
    c=b>a ||a>b;  //b>a是true,a>b是false,c是true

    逻辑或操作符值表:

    "||"逻辑或操作符,相当于生活中的“或者”,当两个条件中有任一个条件满足,“逻辑或”的运算结果就为“真”。

    例如:本周我们计划出游,可是周一至周五工作,所以周六或者周日哪天去都可以。即两天中只要有一天有空,就可以出游了。

    var a=3;
    var b=5;
    var c;
    c=b>a ||a>b;  //b>a是true,a>b是false,c是true

    逻辑或操作符值表:

    530a9d2b0001a33e03770178.jpg

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

    查看全部
  • 9.我与你同在(逻辑与操作符)

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

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

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

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

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

    逻辑与操作符值表:

    52a16f880001d27803770180.jpg

    查看全部
  • 8.较量较量(比较操作符)

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

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

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

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

    532a3c150001c65802010207.jpg

    看看下面例子:

    var a = 5;//定义a变量,赋值为5var b = 9; //定义b变量,赋值为9document.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)


    查看全部
  • 6.我还有其它用途( +号操作符)


    操作符是用于在JavaScript中指定一定动作的符号。

    (1)操作符

    看下面这段JavaScript代码。

    sum = numa + numb;

    其中的"=""+"都是操作符。

    JavaScript中还有很多这样的操作符,例如,算术操作符(+、-、*、/等),比较操作符(<、>、>=、<=等),逻辑操作符(&&、||、!)。

    注意: “=” 操作符是赋值,不是等于。

    (2) "+"操作符

    算术运算符主要用来完成类似加减乘除的工作,在JavaScript中,“+”不只代表加法,还可以连接两个字符串,例如:

    mystring = "Java" + "Script"; // mystring的值“JavaScript”这个字符串


    查看全部
  • 5.表达出你的想法(表达式)

    表达式与数学中的定义相似,表达式是指具有一定的值、用操作符把常数和变量连接起来的代数式。一个表达式可以包含常数或变量。

    529c21600001d02302800228.jpg

    注意:串表达式中mychar是变量

    52b922a00001445b02920187.jpg

    注意:数值表达式中num是变量

    529c218f000101d402980228.jpg

    注意:布尔表达式中num是变量

    查看全部
  • 4.多样化的我(变量赋值

    我们使用"="号给变量存储内容,看下面的语句:

    var mynum = 5 ; //声明变量mynum并赋值。

    这个语句怎么读呢? 给变量mynum赋值,值为5。我们也可以这样写:

    var mynum; //声明变量mynummynum = 5 ; //给变量mynum赋值

    注:这里 "="号的作用是给变量赋值,不是等于号。

    盒子可以装衣服、玩具、水果...等。其实,变量是无所不能的容器,你可以把任何东西存储在变量里,如数值、字符串、布尔值等,例如:

    var num1 = 123;       // 123是数值var num2 = "一二三";    //"一二三"是字符串var num3=true;    //布尔值true(真),false(假)

    其中,num1变量存储的内容是数值;num2变量存储的内容是字符串,字符串需要用一对引号""括起来,num3变量存储的内容是布尔值(true、false)。


    查看全部
  • 3.确定你的存在(变量声明)

    声明变量语法: var 变量名;

    var就相当于找盒子的动作,在JavaScript中是关键字(即保留字),这个关键字的作用是声明变量,并为"变量"准备位置(即内存)。

    var mynum ; //声明一个变量mynum

    当然,我们可以一次找一个盒子,也可以一次找多个盒子,所以Var还可以一次声明多个变量,变量之间用","逗号隔开。

    var num1,mun2 ; //声明一个变量num1

    注意:变量也可以不声明,直接使用,但为了规范,需要先声明,后使用。


    查看全部
  • 2.给变量取个名字(变量命名)

    1. 必须以字母、下划线或美元符号开头,后面可以跟字母、下划线、美元符号和数字。如下:

    2. 正确:           
          mysum            
          _mychar         
          $numa1
    错误:  6num  //开头不能用数字
      %sum //开头不能用除(_ $)外特殊符号,如(%  + /等)
      sum+num //开头中间不能使用除(_ $)外特殊符号,如(%  + /等)

    2.变量名区分大小写,如:A与a是两个不同变量。

    3.不允许使用JavaScript关键字和保留字做变量名。

    529c07c000014f5103080447.jpg

    查看全部
  • 1什么是变量

    什么是变量? 从字面上看,变量是可变的量;从编程角度讲,变量是用于存储某种/某些数值的存储器。我们可以把变量看做一个盒子,盒子用来存放物品,物品可以是衣服、玩具、水果...等。

    查看全部
    0 采集 收起 来源:什么是变量

    2019-08-21

  • cols是宽

    rows是高

    查看全部
  • <body>

      <form>

        <input name="点击我" type="button" value="点击我" onclick="openwin()"/>

      </form>

    </body>

    onclick="" 引号里面的内容为调用的函数

    查看全部

举报

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

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