一、if语句

if语句是基于条件成立才执行相应代码时使用的语句

语法:

if(条件)

{条件成立时执行代码}

注:

if小写,大写字母IF会出错!

二、if...else语句(二选一)

语法:

if(条件)

{条件成立时执行的代码}

else

{条件不成立时执行的代码}

三、if...else嵌套语句(多重判断)

语法:

if(条件1)

{条件1成立时执行的代码}

else  if(条件2)

{条件2成立时执行的代码}

. . .

else if(条件n)

{条件n成立时执行的代码}

else

{条件1、2至n不成立时执行的代码}

四、Switch语句(多重选择)

当有很多种选项时,Switch比else...if方便

语法:

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后的语句

Eg:假设评价学生的考试成绩,10分满分制,我们按照每一分一个等级将成绩分等,并根据成绩的等级做出不同的评价。

执行结果:

评语:及格,加油!

注意:

记得在case所执行的语句后添加上一个break语句,否则就直接继续执行下面的case中的语句

五、for循环

语法:

for(初始化变量; 循环条件; 循环迭代)

{

  循环语句

}

Eg:假如一个盒子里有6个球,我们每次取一个,重复从盒中取出球,直到球取完为止

<script type="text/javascript">

var num=1;

for (num=1; num<=6; num++)//初始化值; 循环条件; 循环后条件值更新

{

  document.write("取出第"+num+"个球<br />");

}

</script>

六、while循环

语法:

while(判断条件)

{

  循环语句

}

Eg:使用while循环,完成从盒子里取球的动作,每次取一个,共6个球。

<script type="text/javascript">

var num=0;//初始化值

while (num<=6)  //条件判断

{

  document.write("取出第"+num+"个球<br />");

  num=num+1;  //条件更新

}

</script>

 七、do...while语句(先执行后判断)

循环至少被执行一次

语法:

do

{

  循环语句

}while(判断条件)

Eg:输出5个数字

<script type="text/javascript">

num=1;

do

{

  document.write("数值为:"+num+"<br/>");

  num++;  //更新条件

}

</script>

八、退出循环break

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

语法:

for(初始条件; 判断条件; 循环后条件值更新)

{

  if(特殊情况)

  {break;}

  循环代码

}

当遇到特殊情况时,循环立即结束。

Eg:输出10个数,如果数值为5,停止输出

九、继续循环continue

continue:跳过本次循环,而整个循环体继续执行

语法:

for(初始条件; 判断条件; 循环后条件值更新)

{

  if(特殊情况)

  {continue;}

  循环代码

}

当特殊情况发生时,本次循环跳过,而后续的循环不会受到影响

Eg:输出10个数字,如果数字为5就不输出

JavaScript入门(6)的更多相关文章

  1. JavaScript入门篇 编程练习

    编程挑战 一.定义"改变颜色"的函数 提示: obj.style.color obj.style.backgroundColor 二.定义"改变宽高"的函数 提 ...

  2. JavaScript入门

    本篇内容是学习慕课网相关课程后,总结出可能未来会忘记的内容 (一)JavaScript入门操作 1.js代码插入位置,以及执行顺序 <head> <script type=" ...

  3. 慕课网JavaScript入门篇课程笔记

    1.js注释很重要 单行注释,在注释内容前加符号 “//”. <script type="text/javascript"> document.write(" ...

  4. JavaScript入门基础

    JavaScript基本语法 1.运算符 运算符就是完成操作的一系列符号,它有七类: 赋值运算符(=,+=,-=,*=,/=,%=,<<=,>>=,|=,&=).算术运 ...

  5. JavaScript入门介绍(二)

    JavaScript入门介绍 [函数] 函数function 是Javascript的基础模块单元,用于代码的复用.信息影藏和组合调用. function a(){} 函数对象Function Lit ...

  6. JavaScript入门介绍(一)

    JavaScript入门介绍 [经常使用的调试工具][w3school.com.cn在线编辑] [Chrome浏览器 开发调试工具]按F121.代码后台输出调试:console.log("t ...

  7. 开心菜鸟系列----函数作用域(javascript入门篇)

      1 <!DOCTYPE html>   2 <html>   3 <script src="./jquery-1.7.2.js"></ ...

  8. 开心菜鸟系列----变量的解读(javascript入门篇)

                       console.info(         console.info(window['weiwu'])          console.info(window. ...

  9. javascript入门视频第一天 小案例制作 零基础开始学习javascript

    JavaScript 是我们网页设计师必备的技能之一.我们主要用javascript来写的是网页特效.我们从零基础开始学习javascript入门. 但是,好的同学刚开始不知道怎么学习,接触js,因此 ...

  10. ArcGIS API for JavaScript 入门教程[0] 目录

    随时翻看. 转载注明出处,博客园/CSDN/B站:秋意正寒. Part 1 必看 ArcGIS API for JavaScript 入门教程[1] 渊源 你还真不一定知道这是啥.非得学吗? ArcG ...

随机推荐

  1. ☀【JS】Code

    1 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf- ...

  2. 创建通用型framework

    http://years.im/Home/Article/detail/id/52.html http://www.cocoachina.com/industry/20131204/7468.html ...

  3. C#线程篇---Task(任务)和线程池不得不说的秘密(5)

    在上篇最后一个例子之后,我们发现了怎么去使用线程池,调用ThreadPool的QueueUserWorkItem方法来发起一次异步的.计算限制的操作,例子很简单,不是吗? 然而,在今天这篇博客中,我们 ...

  4. 跟我学机器视觉-HALCON学习例程中文详解-测量圆环脚宽间距

    跟我学机器视觉-HALCON学习例程中文详解-测量圆环脚宽间距 This example program demonstrates the basic usage of a circular meas ...

  5. Html笔记(六)超链接

    超链接标签: <a> 两种用法: 一.超链接 <a href=""> 例: <a href="http://www.sina.com.cn& ...

  6. oracle之spool详细使用总结

    今天实际项目中用到了spool,发现网上好多内容不是很全,自己摸索了好半天,现在总结一下. 一.通过spool 命令,可以将select 数据库的内容写到文件中,通过在sqlplus设置一些参数,使得 ...

  7. 【原创】Mac上编译Hadoop1.0.3出现的一些问题

    create-native-configure: [exec] configure.ac:47: error: possibly undefined macro: AC_PROG_LIBTOOL [e ...

  8. List使用Foreach 修改集合时,会报错的解决方案 (Error: Collection was modified; enumeration operation may not execute. ) - 摘自网络

    当用foreach遍历Collection时,如果对Collection有Add或者Remove操作时,会发生以下运行时错误: "Collection was modified; enume ...

  9. devexpress中gridcontrol 一些样式改变

    改变footer为扁平化效果 整个footer背景色CustomDrawFootere.Appearance.BackColor = Color.Transparent; e.Appearance.D ...

  10. jQuery的DOM操作小案例

    案例一:下拉列表左右选择 <body> <div> <select style="width:60px" multiple size="10 ...