七、循环语句

1.While

语法:

  1. while (exp){
  2. //statements;
  3. }

说明:

  1. while (变量<=结束值){
  2. 需执行的代码
  3. }

例:

  1. var i=0;
  2. while(i<=9){
  3. //利用循环在页面输出9张照片
  4. document.write('<img src="img/'+i+'.jpg">');
  5. i++;
  6. }

2. Do…while

do...while功能与while相同,只是在执行的时候do...while是先执行后判断,while反之。

语法:

  1. do {
  2. //statements;
  3. }while (condition);

说明:

  1. do {
  2. 需执行的代码
  3. } while (变量<=结束值);

例:

  1. var i=0;
  2. do{
  3. //利用循环在页面输出9张照片
  4. document.write('<img src="img/'+i+'.jpg">');
  5. i++;
  6. }while(i<=9);

3.for 循环语句
语法:

  1. for(initial; expression; post-loop-expression){
  2. //statement;
  3. }

说明:

  1. for (变量=开始值;变量<=结束值;变量=变量+步进值) {
  2. 需执行的代码
  3. }

例:

4. break 语句和 continue 语句

break 语句可以立即退出循环;
continue 语句只是退出当前循环;
例:

  1. for(var i = 1; i < 10; i++){
  2. if(i == 4){
  3. continue; //退出此次的循环,后面剩余的循环继续执行
  4. }
  5. ifi == 7){
  6. break; //终止循环,后面剩余的循环不在执行
  7. }
  8. }

七、函数

说明:函数就是完成某个功能的一组语句,函数由关键字 function + 函数名 + 一组参数定义; 函数在定

义后可以被重复调用,通常将常用的功能写成一个函数,利用函数可以使代码的组织 结构更多清晰。
1.基本语法:

  1. function funName (arg0, arg1, argN){
  2. //statements
  3. }

2.return的使用

使用 return 语句从函数返回值

  1. function sum (num1, num2){
  2. return num1 + num2;
  3. }
  4. var s = sum(1, 2);
  5. alert(s); //结果为1+2=3;

注意: 

1.位于return 语句之后的任何代码都永远不会执行!
2.在JavaScript中,不一定要指定返回值!

3.定义函数的参数时,如果调用函数时没有传进参数,并不会报错,但可以在函数里面判
断一下是否有传进参数,例如可以这样判断:

  1. if(variable == 'undefined‘ || variable == null){
  2. variable=‘1’; //可以给他一个默认值
  3. }

Javascript初学篇章_4(循环与函数)的更多相关文章

  1. Javascript初学篇章_5(对象)

    对象 Javascript是一种面向对象的语言,因此可以使用面向对象的思想来进行javascript程序设计对象就是由一些彼此相关的属性和方法集合在一起而构成的一个数据实体.举个例子,一只猫是个对象, ...

  2. Javascript初学篇章_8(事件)

    事件 HTML 事件是发生在 HTML 元素上的事情.例如用户点击按钮时,点击也是一个事件.事件可以用于处理表单验证,用户输入,用户行为及浏览器动作,如: 页面加载时触发事件 页面关闭时触发事件 用户 ...

  3. Javascript初学篇章_6(BOM)

    BOM 浏览器对象模型 BOM (浏览器对象模型),它提供了与浏览器窗口进行交互的对象 一.window对象 Window对 象表示整个浏览器窗口. 1.系统消息框 alert() alert('he ...

  4. Javascript初学篇章_1(概念/数据类型)

    Javascript是一门脚本语言,主要由浏览器来执行.它可以说是页面的灵魂,让页面活过来.与之前学的HTML5+CSS样式的不同之处就在于,JS能让静态网页成为一个动态网页,实现与用户的互动. Ja ...

  5. Javascript初学篇章_3(注释/if/switch)

    五.javascript的注释 // 单行注释 /* …*/ 多行注释 注:多行注释不能互相嵌套 六.程序流程控制 一.条件语句 if 语法: if(condition) statements1 el ...

  6. HTML5初学篇章_4

    HTML5的表单所有type类型(补第一章) 类型 说明 button 定义可点击的按钮(大多与 JavaScript 使用来启动脚本) checkbox 定义复选框. color 定义拾色器. da ...

  7. Javascript初学篇章_7(DOM)

    DOM 文档对象模型DOM (document object model) 文档对象模型,它定义了操作文档对象的接口.DOM 把一份html文档表示为一棵家谱树,使用parent(父), child( ...

  8. Javascript初学篇章_2(数据类型的查看和转换/运算符)

    三.数据类型的查看和转换 1.查看数据类型 typeof 说明:typeo可以查看变量的类型. 语法:alert(typeof  变量名或数据): 2.转换成字符串 var married = fal ...

  9. CSS3初学篇章_4(边框样式/段落样式)

    边框样式 1.边框线语法:border-style : none | hidden | dotted | dashed | solid | double | groove | ridge | inse ...

随机推荐

  1. [Network] 计算机网络基础知识总结

    计算机网络学习的核心内容就是网络协议的学习.网络协议是为计算机网络中进行数据交换而建立的规则.标准或者说是约定的集合.因为不同用户的数据终端可能采取的字符集是不同的,两者需要进行通信,必须要在一定的标 ...

  2. 【荐】MongoDB基本命令大全

    DB Shell数据操作 shell命令操作语法和JavaScript很类似,其实控制台底层的查询语句都是用JavaScript脚本完成操作的. #数据库 操作 1.Help查看命令提示 > h ...

  3. java23

    1:多线程(理解)    (1)多线程:一个应用程序有多条执行路径        进程:正在执行的应用程序        线程:进程的执行单元,执行路径        单线程:一个应用程序只有一条执行 ...

  4. Java设计模式之创建型模式

    创建型模式分为五类:工厂方法模式.抽象工厂模式.单例模式.建造者模式.原型模式 一.工厂方法模式:接口-实现类.工厂类

  5. Python之路,Day3 - Python基础3

    一.文件操作 对文件操作流程 打开文件,得到文件句柄并赋值给一个变量 通过句柄对文件进行操作 关闭文件 现有文件如下 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 ...

  6. errno.h

    linux 中c语言使用errno.h头文件来记录错误信息以及定义返回错误代码的宏. strerror(errno)打印错误信息 1. warning: implicit declaration of ...

  7. 【原创】js实现一个可随意拖拽排序的菜单导航栏

    1.想做这个效果的原因主要是用在UC上看新闻发现他们的导航菜单很有趣.无聊的时候在哪划着玩了很久.所以就干脆自己写一个.原效果如下 2.整体效果如下,在已推荐和未添加里面每个小方块可以触摸移动位置互换 ...

  8. <%#Eval if判断用法

    1.绑定Repeater 基础用法 <%#Eval("RoleID")%> 2.简单判断用法 <td> <%# Convert.ToBoolean(E ...

  9. AngularJS的JSONP服务

    有些页面的response中,包含了 Access-Control-Allow-Origin 这个header,说明可以进行跨域请求,如果没有包含这个header的页面可以利用JSONP进行跨域 sc ...

  10. c#中取整,向上取,向下取

    Math.Ceiling()向上取整, Math.Floor()向下取整 示例: d = 4.56789 Math.Ceiling(Convert.ToDecimal(d)).ToString();M ...