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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • 返回值的函数 思考:上一节函数中,通过"document.write"把结果输出来,如果想对函数的结果进行处理怎么办呢? 我们只要把"document.write(sum)"这行改成如下代码: function add2(x,y) { sum = x + y; return sum; //返回函数值,return后面的值叫做返回值。 } 还可以通过变量存储调用函数的返回值,代码如下: result = add2(3,4);//语句执行后,result变量中的值为7。 注意:函数中参数和返回值不只是数字,还可以是字符串等其它类型。
    查看全部
    0 采集 收起 来源:返回值的函数

    2018-03-22

  • <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>函数传参</title> <script type="text/JavaScript"> function add3(x,y,z) { sum = x + y +z; document.write(x+"、"+y+"、"+z+"和:"+sum+"<br/>"); } add3(5,8,3); add3(5,8,5); </script> </head> <body> </body> </html>
    查看全部
    0 采集 收起 来源:有参数的函数

    2018-03-22

  • 在执行时,从载入页面后每隔指定的时间执行代码。 语法: setInterval(代码,交互时间); 参数说明: 1. 代码:要调用的函数或要执行的代码串。 2. 交互时间:周期性执行或调用表达式之间的时间间隔,以毫秒计(1s=1000ms)。 返回值: 一个可以传递给 clearInterval() 从而取消对"代码"的周期性执行的值。 调用函数格式(假设有一个clock()函数): setInterval("clock()",1000) 或 setInterval(clock,1000) 我们设置一个计时器,每隔100毫秒调用clock()函数,并将时间显示出来,代码如下: <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>计时器</title> <script type="text/javascript"> var int=setInterval(clock, 100) function clock(){ var time=new Date(); document.getElementById("clock").value = time; } </script> </head> <body> <form> <input type="text" id="clock" size="50" /> </form> </body> </html>
    查看全部
  • Switch必须赋初始值,值与每个case值匹配。满足执行该 case 后的所有语句,并用break语句来阻止运行下一个case。如所有case值都不匹配,执行default后的语句。 最后一个case项就是default了。 在case所执行的语句后添加上一个break语句。否则就直接继续执行下面的case中的语句。
    查看全部
  • 有参数的函数 上节中add2()函数不能实现任意指定两数相加。其实,定义函数还可以如下格式: function 函数名(参数1,参数2) { 函数代码 } 注意:参数可以多个,根据需要增减参数个数。参数之间用(逗号,)隔开。 按照这个格式,函数实现任意两个数的和应该写成: function add2(x,y) { sum = x + y; document.write(sum); } x和y则是函数的两个参数,调用函数的时候,我们可通过这两个参数把两个实际的加数传递给函数了。 例如,add2(3,4)会求3+4的和,add2(60,20)则会求出60和20的和。
    查看全部
    0 采集 收起 来源:有参数的函数

    2015-03-10

  • <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>函数调用</title> <script type="text/javascript"> function tcon() { alert("恭喜你学会函数调用了!"); } // tcon(); </script> </head> <body> <form> <input type="button" value="点点我" onclick=" tcon() "> </form> </body> </html>
    查看全部
    0 采集 收起 来源:函数调用

    2018-03-22

  • 函数调用 函数定义好后,是不能自动执行的,需要调用它,直接在需要的位置写函数名。 第一种情况:在<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-03-22

  • <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>定义函数</title> <script type="text/javascript"> function sub2() //定义函数 { sub=5-2; alert("5和2的差:"+sub); } </script> </head> <body> <form> <input type="button" value="点击我" onclick="sub2()" /> </form> </body> </html>
    查看全部
    0 采集 收起 来源:定义函数

    2018-03-22

  • 定义函数 如何定义一个函数呢?看看下面的格式: function 函数名( ) { 函数体; } function定义函数的关键字,“函数名”你为函数取的名字,“函数体”替换为完成特定功能的代码。 我们完成对两个数求和并显示结果的功能。并给函数起个有意义的名字:“add2”,代码如下: <script type="text/javascript"> function add2(){ sum = 3 + 2; alert(sum); } ​add2(); </script>
    查看全部
    0 采集 收起 来源:定义函数

    2018-03-22

  • 使用函数完成: function add2(a,b){ sum = a + b; alert(sum); } // 只需写一次就可以 add2(3,2); add2(7,8); .... //只需调用函数就可以
    查看全部
    0 采集 收起 来源:什么是函数

    2015-03-10

  • 访问对象属性的语法: objectName.propertyName 访问对象的方法: objectName.methodName()
    查看全部
    0 采集 收起 来源:什么是对象

    2015-03-10

  • <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>switch</title> <script type="text/JavaScript"> function btn_sub() { var myweek =3; switch(myweek) { case 1: case 2: document.write("学习理念知识"); break; case 3: case 4: document.write("到企业实践"); break; case 5: document.write("总结经验"); break; case 6: case 7: document.write("周六、日休息和娱乐"); break; default: alert("输入错误,不在1~7之间"); } } </script> </head>
    查看全部
  • 多种选择(Switch语句) 当有很多种选项的时候,switch比if else使用更方便。 语法: switch(表达式) { case值1: 执行代码块 1 break; case值2: 执行代码块 2 break; ... case值n: 执行代码块 n break; default: 与 case值1 、 case值2...case值n 不同时执行的代码 } 语法说明: Switch必须赋初始值,值与每个case值匹配。满足执行该 case 后的所有语句,并用break语句来阻止运行下一个case。如所有case值都不匹配,执行default后的语句。
    查看全部
  • <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>if...else</title> <script type="text/JavaScript"> var myage =99;//赵红的年龄为99 if(myage<=44) {document.write("青年");} else if(myage<=59) {document.write("中年人");} else if (myage<=89) {document.write("老年人");} else {document.write("长寿老年人");} </script> </head> <body> </body> </html>
    查看全部
  • <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>if...else</title> <script type="text/JavaScript"> var ticket =true; //ticket初值为true,表示有票 if(ticket) { document.write("有票,可以看电影。"); } if(!ticket) { document.write("没票,电影看不成。"); } </script> </head> <body> </body> </html>
    查看全部

举报

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

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