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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • 退出循环break 在while、for、do...while、while循环中使用break语句退出当前循环,直接执行后面的代码。 格式如下: for(初始条件;判断条件;循环后条件值更新) { if(特殊情况) {break;} 循环代码 } 当遇到特殊情况的时候,循环就会立即结束。 继续循环continue continue的作用是仅仅跳过本次循环,而整个循环体继续执行。 语句结构: for(初始条件;判断条件;循环后条件值更新) { if(特殊情况) { continue; } 循环代码 } 上面的循环中,当特殊情况发生的时候,本次循环将被跳过,而后续的循环则不会受到影响。
    查看全部
    0 采集 收起 来源:退出循环break

    2017-09-28

  • 鼠标单击事件( onclick ): onclick是鼠标单击事件,当在网页上单击鼠标时,就会发生该事件。同时onclick事件调用的程序块就会执行,通常与按钮一起使用。 比如,我们单击按钮时,触发onclick事件,并调用两个数和的函数add2()。代码如下: function add2(){ var numa,numb,sum; numa=6; numb=8; sum=numa+numb; document.write("两数和为:"+sum); } <input name="button" type="button" value="点击提交" onclick="add2()"> 注意:在网页中,如使用事件,就在该元素中设置事件属性。
    查看全部
  • 什么是事件: javascript创建动态网页,事件是可以被javascript侦测到的行为。网页中的每个元素都可以产生某些可以触发javascript函数或程序的事件。 比如说,当用户单击按钮或者提交表单数据时,就发生一个鼠标单击(onclick)事件,需要浏览器做出处理,返回给用户一个结果。 主要事件表: onclick=鼠标单击事件,onmouseover=鼠标经过事件,onmouseout=鼠标移开事件,onchange=文本框内容改变事件,onselect=文本框内容被选中事件,onfocus=光标聚集,onblur=光标离开,onload=网页导入,onunload=关闭网页
    查看全部
    0 采集 收起 来源:什么是事件

    2017-09-28

  • 反反复复(while循环) 和for循环有相同功能的还有while循环, while循环重复执行一段代码,直到某个条件不再满足。 <script type="text/javascript"> var num=0; //初始化值 while (num<=6) //条件判断 { document.write("取出第"+num+"个球<br />"); num=num+1; //条件值更新 } </script> 来来回回(Do...while循环) do while结构的基本原理和while结构是基本相同的,但是它保证循环体至少被执行一次。因为它是先执行代码,后判断条件,如果条件为真,继续循环。 do...while语句结构: do { 循环语句 } while(判断条件)
    查看全部
  • 重复重复(for循环) for语句结构: for(初始化变量;循环条件;循环迭代) { 循环语句 } 例子: <script type="text/javascript"> var num=1; for (num=1;num<=6;num++) //初始化值;循环条件;循环后条件值更新 { document.write("取出第"+num+"个球<br />"); } </script> 网页显示: 取出第一个球 取出第二个球 取出第三个球 取出第四个球 取出第五个球 取出第六个球 解析: 第一次: 初始化:num=1 判断:num<=6(num值为1) 输出:取出第1个球 条件值更新:num++(num=num+1,num值为2) 第二次: 判断:num<=6(因为第一次执行后,num值为2,所以判断2<=6,条件为真) 输出:取出第2个球 条件值更新:num++(num=num+1,num值为3) ...中间环一样所以省略 第六次 判断:num<=6(因为第五次执行后,num值为6,所以判断6<=6,条件为真) 输出:取出第6个球 条件值更新:num++(num=num+1,num值为7) 第7次 判断:num<=6(因为第六次执行后,num值为7,所以判断7<=6,条件为假,所以不再执行输出语句,结束for循环)
    查看全部
  • 返回值的函数: <script type="text/javascript"> //返回值是需要调用者用变量来接收的,不是显示到屏幕上的。如果需要输出返回值,则需要调用相应的输出语句,进行数据输出。 function app2(x,y) { var sum,x,y; sum = x * y; return sum; } var req1=app2(5,6); var req2=app2(2,3); var sumq=req1+req2; document.write("req1的值:"+req1+"<br/>"); document.write("req2的值:"+req2+"<br/>"); document.write(req1+"与"+req2+"和:"+sumq+"<br><br>"); function compare(a,b){ if(a>b){ return a; }else if(a==b){ return '一样大'; }else{ return b; } } document.write("5和4的较大值是:"+compare(5,4)+"<br>"); document.write("6和3的较大值是:"+compare(6,3)+"<br>"); document.write("6和6的较大值是:"+compare(6,6)+"<br>"); document.write("3和5的较大值是:"+compare(3,5)+"<br>"); </script>
    查看全部
    0 采集 收起 来源:返回值的函数

    2018-03-22

  • array1.concat(array2,array3,...,arrayN)
    查看全部
  • 构造自己的函数来实现功能,
    查看全部
    0 采集 收起 来源:编程练习

    2017-09-28

  • javaScript能做什么: 1.增强页面动态效果 2.实现页面与用户之间的实时、动态交互 进阶篇:了解js的变量、数组、函数、语法、对象、事件、DOM操作,制作简单的网页动态效果
    查看全部
    0 采集 收起 来源:让你认识JS

    2017-09-28

  • 制作一个跳转提示页面:
    查看全部
    0 采集 收起 来源:编程练习

    2017-09-28

  • 返回值的函数: 思考:上一节函数中,通过"document.write"把结果输出来,如果想对函数的结果进行处理怎么办呢? 我们只要把"document.write(sum)"这行改成如下代码: function add2(x,y){ sum=x+y; return sum; //返回函数值,return后面的值叫做返回值。 } 还可以通过变量存储调用 函数的返回值,代码如下: var test1=add2(3,4); //语句执行后,test1变量中的值为7。 注意:函数中的参数和返回值不只是数字,还可以是字符串等其他类型。 //返回值是需要调用者用变量来接收的,不是显示到屏幕上的。如果需要输出返回值,则需要调用相应的输出语句,进行数据输出。 function app2(x,y) { var sum,x,y; sum = x * y; return sum; } var req1=app2(5,6); var req2=app2(2,3); var sumq=req1+req2; document.write("req1的值:"+req1+"<br/>"); document.write("req2的值:"+req2+"<br/>"); document.write(req1+"与"+req2+"和:"+sumq);
    查看全部
    0 采集 收起 来源:返回值的函数

    2018-03-22

  • 数组是一个值的集合,每个值都有一个索引号,从0开始,每个索引都有一个相应的值,根据需要添加更多数值。
    查看全部
  • concat() 是用,来分割数组元素,返回的是数组 join() 是可以指定分隔符,用分隔符来分割字符串,join()返回的是字符串,不是数组 分隔符可用“”,无缝连接;不填分隔符则默认用“,”分隔。
    查看全部

举报

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

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