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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • 创建数组:

    语法:var myarray=new Array();

    为数组指定长度:

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

    查看全部
  • 操作符之间的优先级(高到低):

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

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


    查看全部
  • 变量:变量是用于存储某种/某些数值的存储器。我们可以把变量看做一个盒子,盒子用来存放物品,物品可以是衣服、玩具、水果...等。

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

    2018-04-04

  • 返回值的函数

    思考:上一节函数中,通过"document.write"把结果输出来,如果想对函数的结果进行处理怎么办呢?

    我们只要把"document.write(sum)"这行改成如下代码:

    function add2(x,y) {    sum = x + y;    return sum; //返回函数值,return后面的值叫做返回值。 }

    还可以通过变量存储调用函数的返回值,代码如下:

    result = add2(3,4);//语句执行后,result变量中的值为7。

    注意:函数中参数和返回值不只是数字,还可以是字符串等其它类型。 


    查看全部
    0 采集 收起 来源:返回值的函数

    2018-04-04

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

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

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


    查看全部
  • 函数调用

    函数定义好后,是不能自动执行的,需要调用它,直接在需要的位置写函数名。

    第一种情况:在<script>标签内调用。

     <script type="text/javascript">     function add2()     {          sum = 1 + 1;          alert(sum);     }   add2();//调用函数,直接写函数名。 </SCRIPT>

    第二种情况:在HTML文件中调用,如通过点击按钮后调用定义好的函数。

    <html> <head> <script type="text/javascript">    function add2()    {          sum = 5 + 6;          alert(sum);    } </script> </head> <body> <form> <input type="button" value="click it" onclick="add2()">  //按钮,onclick点击事件,直接写函数名 </form> </body> </html>

    注意:鼠标事件会在后面讲解。


    查看全部
    0 采集 收起 来源:函数调用

    2018-04-04

  • 什么是函数

    函数的作用,可以写一次代码,然后反复地重用这个代码。

    如:我们要完成多组数和的功能。

    var sum;   
    sum = 3+2; alert(sum); 
    sum=7+8 ; 
    alert(sum); 
     
    ....  //不停重复两行代码

    如果要实现8组数的和,就需要16行代码,实现的越多,代码行也就越多。所以我们可以把完成特定功能的代码块放到一个函数里,直接调用这个函数,就省去重复输入大量代码的麻烦。

    使用函数完成:

    function add2(a,b){ 
    sum = a + b;  
    alert(sum); 
    } //  只需写一次就可以 
    
    add2(3,2); 
    add2(7,8); 
    
    ....  //只需调用函数就可以


    查看全部
    0 采集 收起 来源:什么是函数

    2018-04-04

  •    <script>

         var d=5;

        function begin(){

        

         if(d>0){

        

          d--;

        

          document.getElementById("t").innerHTML=d; 

        

        }else{

        

          window.location.assign("https://www.imooc.com","_blank");

        

          clearTimeOut(s);

        

        }

        

         var s=setTimeout("begin()",1000);

        

        }

        </script>

     </head>

    <body onLoad="begin()">


        <span id="t">5</span>秒后回到主页


    </body>


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

    2018-04-04

  •  <script type="text/javascript">
      var otest = document.getElementById("test"); 
      var newnodec=document.createElement("li");
      newnodec.innerHTML="This is a new p";
      otest.appendChild(newnodec);
    </script>

    查看全部
  • document.getElementById("clock").value = attime;

    为什么增加这一句还有疑问,后续回头再看看

    查看全部
  • <!DOCTYPE html>
    <html>
     <head>
      <title> 事件</title>  
      <script type="text/javascript">
       function count(){
           
        //获取第一个输入框的值
        var num1 = parseInt(document.getElementById("txt1").value);
    	//获取第二个输入框的值
    	var num2 = parseInt(document.getElementById("txt2").value);
    	//获取选择框的值
    	var x = document.getElementById("select").value;
    	//获取通过下拉框来选择的值来改变加减乘除的运算法则
    	var res;
    	switch(x){
    	    case '+': res = num1+num2;break;
    	    case '-': res = num1-num2;break;
    	    case '*': res = num1*num2;break;
    	    case '/': res = num1/num2;break;
    	}
        //设置结果输入框的值 
        document.getElementById("fruit").value = res;
       }
      </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 采集 收起 来源:编程练习

    2018-04-04

  • 退出循环break

    在while、for、do...while、while循环中使用break语句退出当前循环,直接执行后面的代码。

    格式如下:

    for(初始条件;判断条件;循环后条件值更新)
    {  if(特殊情况)
      {break;}
      循环代码
    }

    当遇到特殊情况的时候,循环就会立即结束。看看下面的例子,输出10个数,如果数值为5,就停止输出。

     


    查看全部
    0 采集 收起 来源:退出循环break

    2018-04-04

  • DO...While循环

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

    查看全部

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

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

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

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


    查看全部
  • 来来回回(Do...while循环)

    do while结构的基本原理和while结构是基本相同的,但是它保证循环体至少被执行一次。因为它是先执行代码,后判断条件,如果条件为真,继续循环。

    do...while语句结构:

    do {     循环语句  } while(判断条件)

    我们试着输出5个数字。

    <script type="text/javascript">   
     num= 1;   
     do    
      {     
       document.write("数值为:" +  num+"<br />");     
       num++; //更新条件    
      }    
      while (num<=5)
      </script>


    查看全部

举报

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

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