七、循环语句

1.While

语法:

while (exp){
//statements;
}

说明:

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

例:

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

2. Do…while

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

语法:

do {
//statements;
}while (condition);

说明:

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

例:

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

3.for 循环语句
语法:

for(initial; expression; post-loop-expression){
//statement;
}

说明:

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

例:

4. break 语句和 continue 语句

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

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

七、函数

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

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

function funName (arg0, arg1, … argN){
//statements
}

2.return的使用

使用 return 语句从函数返回值

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

注意: 

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

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

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

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. jsp动作元素之forward指令

    forward指令用于将页面响应转发到另外的页面.既可以转发到静态的HTML页面,也可以转发到动态的JSP页面,或者转发到容器中的Servlet. forward指令格式如下: <jsp:for ...

  2. 【转】8G内存下MySQL的优化详细方案

    对于任何一个数据库管理系统来说,内存的分配使用绝对可以算的上是其核心之一了,所以很多希望更为深入了解某数据库管理系统的人,都会希望一窥究竟,我也不例外. 这里给出方案 按照下面的设置试试看: key_ ...

  3. block、inline、inline-block

    block: block - 块级元素 常见的块级元素包括:div,form,p,table,ul,ol,dl,h1~h6,pre block 可以包含 inlne 和 block 和 inline- ...

  4. winfrom 隐藏任务栏(win7)

    1:新建winfrom 窗体应用程序 2:拖入contextMenuStrip.notifyIcon 2个控件 3:如图 4:code: 注意:复制控件事件要注册 using System; usin ...

  5. Linux下安装OpenCV+Python支持

    以下说明在Linux下Python和OpenCV结合安装的过程,Python要使用OpenCV模块,则必须导入OpenCV提供的包,所以要提供Python支持,首先在安装OpenCV前安装必要的组件, ...

  6. 0ctf – mobile – boomshakalaka writeup

    作为一个web狗,一道web都没做出来Orz...做出来一道apk,纪念一下在ctf中做出的第一道apk... 首先在模拟器或者真机中安装一下apk看到是一个cocos2dx的打飞机游戏 根据题目提示 ...

  7. poj2236_并查集_Wireless Network

    Wireless Network Time Limit: 10000MS   Memory Limit: 65536K Total Submissions: 24497   Accepted: 102 ...

  8. linux升级openssl

    wget https://www.openssl.org/source/openssl-1.0.2j.tar.gz ./config shared zlib-dynamicconfig完成后执行 ma ...

  9. 四种常见的App弹窗设计,你有仔细注意观察吗?

    弹窗又称为对话框,是App与用户进行交互的常见方式之一.弹窗分为模态弹窗和非模态弹窗两种,两者的区别在于需不需要用户对其进行回应.模态弹窗会打断用户的正常操作,要求用户必须对其进行回应,否则不能继续其 ...

  10. Spring中文文档

    前一段时间翻译了Jetty的一部分文档,感觉对阅读英文没有大的提高(*^-^*),毕竟Jetty的受众面还是比较小的,而且翻译过程中发现Jetty的文档写的不是很好,所以呢翻译的兴趣慢慢就不大了,只能 ...