JavaScript基础4——关于语句流程控制(分支语句、循环语句等)
分支语句
(1)if...else...语句,基本格式分三种,如下
<script type="text/javascript">
var i=50;
//if语句
if (条件)
{
条件成立时执行代码
} //if...else语句
if (条件)
{
条件成立时执行此代码
}
else
{
条件不成立时执行此代码
} //if...else if...else if...else...语句
if (条件1)
{
条件1成立时执行代码
}
else if (条件2)
{
条件2成立时执行代码
}
else
{
条件1和条件2均不成立时执行代码
}
</script>
(2)switch语句
<script type="text/javascript">
var i=2;
switch(i)
{
case 1:
document.write("i等于1")
break
case 2:
document.write("i等于2")
break
case 3:
document.write("i等于3")
break
default:
document.write("错误")
}
</script>
循环语句
(1)for循环(包括for语句和for...in语句)
/*
格式1:
for (变量=开始值;变量<=结束值;变量=变量+步进值)
{
需执行的代码
}
*/ <script type="text/javascript">
for (sProp in window)
{ document.write(sProp+"<br />");//显示 window 对象的所有属性 }
</script> /*
格式2:
for (property in expression)
{
需执行的代码
}
*/ <script type="text/javascript">
var array=new Array(1,2,3,4,5,6,7,8,9,0,-3);
// var array=[1,2,3,4,5,6,7,8,9,0,-3]; //这样也行
for (i in array)
{
document.write(array[i]+"<br>");//显示数组内容
}
</script>
奉上截图:

(2)while循环
/*
格式1:
while (expression)
{
需执行的代码
}
*/
<script type="text/javascript">
var i=10
while (i>0)
{
document.write(i+"<br />");
i--;
}
</script> /*
格式2:
do
{
需执行的代码
} while (条件);
*/ <script type="text/javascript">
var i=10
do
{
document.write(i+"<br />");
i--;
}while (i>0) </script>
(3)使用break和continue退出循环
break 命令可以终止循环的运行,然后继续执行循环之后的代码(如果循环之后有代码的话)。continue 命令会终止当前的循环,然后从下一个值继续运行。
//break语句
<script type="text/javascript">
var iNum = 0;
for (var i=1; i<10; i++) {
if (i % 5 == 0) {
break;
}
iNum++;
}
alert(iNum); //输出 "4"
</script> //continue语句
<script type="text/javascript">
var iNum = 0;
for (var i=1; i<10; i++) {
if (i % 5 == 0) {
continue;
}
iNum++;
}
alert(iNum); //输出 "8"
</script>
(4)*with 语句用于设置代码在特定对象中的作用域。提示:with 语句是运行缓慢的代码块,尤其是在已设置了属性值时。大多数情况下,如果可能,最好避免使用它。
//with语句
<script type="text/javascript">
1 var sMessage = "hello";
2 with(sMessage) {
3 alert(toUpperCase()); //输出 "HELLO"
4 }
</script>
- 异常处理
(1)try...catch...异常处理
/*
try
{
//在此运行代码
}
catch(err)
{
//在此处理错误
}
*/ //try...catch...例子
<script type="text/javascript">
var txt=""
try
{
adddlert("Welcome guest!");//alert拼写错误
}
catch(err)
{
txt+="错误描述: " + err.description + "\n\n";
alert(txt);
}
</script>
(2)Throw声明
throw(exception); exception可以是字符串、整数、逻辑值或者对象。
<script type="text/javascript">
var x=prompt("输入一个0到10的数值:","100");
try
{
if(x>10)
throw "Err1";
else if(x<0)
throw "Err2";
}
catch(er)
{
if(er=="Err1")
alert("值大了!");
if(er == "Err2")
alert("值小了!") ;
}
document.write("您输入的是:"+x);
</script>
(3)onerror事件
可以使用 onerror 事件捕获网页中的错误。(chrome、opera、safari 浏览器不支持,不建议使用)
//onerror 语法
/*
onerror=handleErrfunction handleErr(msg,url,l)
{
//Handle the error here
return true or false
}
浏览器是否显示标准的错误消息,取决于onerror的返回值。如果返回值为 false,则在控制台(JavaScript console)中显示错误消息。反之则不会
*/ // 例子
<head>
<script type="text/javascript">
onerror=handleErr;
var txt="";
function handleErr(msg,url,l)
{
txt+="错误信息: " + msg + "\n";
txt+="错误文件: " + url + "\n";
txt+="错误行数: " + l + "\n\n";
alert(txt);
return true;
}
function err()
{
adddlert("Welcome guest!");//alert拼写错误
}
</script>
</head> <body>
<input type="button" value="View message" onclick="err()" />
</body>
控制结构思维导图

JavaScript基础4——关于语句流程控制(分支语句、循环语句等)的更多相关文章
- 『无为则无心』Python基础 — 14、Python流程控制语句(while循环语句)
目录 1.什么是循环结构 2.while循环 (1)while循环的语法 (2)while循环的应用 3.while语句的死循环 4.break和continue 5.while循环嵌套 (1)应用场 ...
- 1-24-case流程控制和while循环语句的使用
大纲: 1.while循环控制语句 while实战---批量添加规则用户 while实战---猜价格游戏 2.case流程控制语句和exit退出 exit实战---返回值测试 case实战---智能解 ...
- 『无为则无心』Python基础 — 15、Python流程控制语句(for循环语句)
目录 1.for循环语法 2.for循环中的break和continue 3.循环+else结构 (1)while...else (2)while...else退出循环的方式 (3)for...els ...
- python 流程控制(for循环语句)
1,for循环基本语法 2, for循环常用序列 3,for循环 else使用方法 1,for循环基本语法 for iterating_var in sequence: statements(s) 2 ...
- javascript基础入门之js中的结构分支与循环语句
javascript基础入门之js中的结构分支与循环语句 程序的结构①顺序结构:自上而下:②选择(分支)结构:多条路径,根据不同的条件,只执行其中一个:③循环结构:重复某些代码④配合特定的语句实现选择 ...
- JavaScript 流程控制-分支
JavaScript 流程控制-分支 1.流程控制 在一个程序执行的过程中,各条代码的执行顺序对程序的结果是有直接影响的,很多时候我们要通过控制代码的执行顺序来实现我们要完成的功能. 简单理解:流程控 ...
- 050 01 Android 零基础入门 01 Java基础语法 05 Java流程控制之循环结构 12 continue语句
050 01 Android 零基础入门 01 Java基础语法 05 Java流程控制之循环结构 12 continue语句 本文知识点:continue语句 continue语句 continue ...
- 049 01 Android 零基础入门 01 Java基础语法 05 Java流程控制之循环结构 11 break语句
049 01 Android 零基础入门 01 Java基础语法 05 Java流程控制之循环结构 11 break语句 本文知识点:break语句 break语句 break语句前情回顾 1.swi ...
- Java04-Java语法基础(三)流程控制
Java04-Java语法基础(三)流程控制 一.数据类型的转换 1.自动转换:在赋值运算中,占字节数大的类型会自动向字节小的类型转换 double d1 = 3.14; int t1 = d1; 2 ...
- 053 01 Android 零基础入门 01 Java基础语法 05 Java流程控制之循环结构 15 流程控制知识总结
053 01 Android 零基础入门 01 Java基础语法 05 Java流程控制之循环结构 15 流程控制知识总结 本文知识点: 流程控制知识总结 流程控制知识总结 选择结构语句 循环结构语句 ...
随机推荐
- AutoCAD.net支持后台线程-Socket服务端
最近因为公司项目的需求,CAD作为服务端在服务器中常驻运行,等待客户端远程发送执行任务的指令,最终确认用Socket-tcp通讯,CAD需要实时监听客户端发送的消息,这时就需要开启线程执行Socket ...
- 源码剖析Django REST framework的认证方式及自定义认证
源码剖析Django REST framework的认证方式 在前面说过,请求到达REST framework的时候,会对request进行二次封装,在封装的过程中会对客户端发送过来的request封 ...
- HTML页面加载异常,按F12调试后居然又好了的解决办法!
原因: 你的代码中获取数据那一段应该是有console控制台调用的代码,一般应该是console.log之类的,就是因为这句话在没开F12的时候,console是个undefined的东西就卡在那啦. ...
- Activity切换动画---点击哪里从哪放大
emmmm,这次来梳理一下 Activity 切换动画的研究.首先,老规矩,看一下效果图: 效果图 这次要实现的动画效果就是类似于上图那样,点击某个 view,就从那个 view 展开下个 Activ ...
- h5前端流行的框架
很多时候别人问你,上手的框架有哪些,其实我们都是知道的,只是一时却也说不上哪些比较,这里想给大家介绍一下,我所遇到的,还算好用的框架,做个分享 1 Bootstrap 官网:http://getboo ...
- Server SQL2008对文件的基础操作(1)
1.一个文件的基本框架为:文件名.文件地址.文件大小.文件最大的大小.文件的增量(Filegrowth). 2.文件有mdf.ndf.ldf 三种文件的区别. 3.文件组可以进行文件的管理 FileG ...
- 重要:关于PPT转图片需要注意的问题
关于PPT转图片的问题需要注意的问题 我们有一个项目做过直接上传ppt的功能,但是网页不可能显示ppt,所以只能把ppt转成pdf或者图片来显示,我们的做法是转成了图片,然后使用swiper做成类 ...
- Mybatis分页插件PageHelper的配置和使用方法
Mybatis分页插件PageHelper的配置和使用方法 前言 在web开发过程中涉及到表格时,例如dataTable,就会产生分页的需求,通常我们将分页方式分为两种:前端分页和后端分页. 前端分 ...
- Python中的列表生成器,迭代器的理解
首先,思考一个问题,比如,我们想生成0-100的列表,我们怎么做? 当然,可以写成 list1=[1,2,3...,100] 可以看出,这种方法不适合生成长的列表,那么Python中就可以利用已有的列 ...
- Axios 执行post发送两次请求的小坑
vue-resource2.0已经不再更新,所以vue2.0官方推荐使用axios来代替.实际项目也是应用上了vue+axios,然后就有了这么一段填坑的经历. 问题:axios使用post请求时,发 ...