博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
(7)javascript的程序控制结构及语句------(2)循环控制语句、跳转语句、对话框...
阅读量:6147 次
发布时间:2019-06-21

本文共 2107 字,大约阅读时间需要 7 分钟。

 

一、循环控制语句

 

       循环语句主要就是在满足条件的情况下反复执行某一个操作,循环控制语句主要包括while语句do...while语句 for语句

 

 1、While语句

 

语法:

 

While(条件表达式语句){执行语句块}

 

当“条件表达式语句”的返回值为true时,则执行大括号“{ }”中的语句块,当执行完大括号“{ }”的语句块后,再次检测条件表达式的返回值,如果返回值还为true,则重复执行大括号“{ }”中的语句块,直到返回值为false时,结束整个循环过程,接着往下执行while代码段后面的程序代码。

 

案例:进入网页时提示五次“请叫我五声威哥”

 

 while语句使用     

 

效果图:

 

》》》》》》

 

 

 

2、do...while语句:

 

是先执行一遍大括号中的语句,才检测条件表达式语句的值是真是假。

 

do...while语句语法: do{
//当条件表达式语句为true,下面这些是要循环执行的代码块:
语句1; 语句2; 语句3; }while(条件表达式语句)

 

代码从上到下执行的过程中,如果遇到了do就会先执行一次do的大括号“{}”中的代码,执行之后再通过while来进行判断,如果判断通过那么再执行一次,如果判断不通过却结束循环。

 

 简单粗暴的账户验证   

 

即当用户名不等于“laoluo”或者当密码不等于“222222”时,就会再次执行do大括号{}中的代码,根据当前“输入”的字符再次while判断..., 只有用户名和密码都正确才停止循环,接着才执行其他代码: “alert('登录成功');”

 

效果图:

 

 》 

 

 

 

3、For循环语句

 

for语句通常由两部分组成:一部分为条件控制部分,另一部分是循环部分。

 

For循环语句语法:

 

//声明     //boolean判断 for(初始条件;判断条件;循环后条件值更新){执行语句块}

 

案例:

 

//当代吗从上到下执行到for的时候,代码会声明变量y并赋值1,会进行判断var y = 1分号后面的判断,判断y是否小于6,执行下面的循环代码, 当下面的代码执行完成之后,再回过来执行y++。这样就完成了一次循环,进行第二次循环,就不用再次声明y,只需要判断y是否小于6就行了, 如果满足,执行下面的代码,再回来y++。
for(var y=1;y<6;y++)  {   document.write("

我最敬重的人是威哥!

"); }

 

效果图:

 

 

 

 


 

 

 

二、跳转语句

 

      Javascript支持的跳转语句主要是continue语句和break语句。

 

1、break 语句

 

用于跳出循环(彻底结束循环)break语句的作用是立即跳出循环,即不再执行后面的所有循环。

 

语法格式: break ;

 

用途案例:

 

    

点击按钮,测试带有 break 语句的循环。

 

效果图:

 

 

2、continue语句

 

Continue语句和break语句类似,区别在于,continue语句的作用是停止正在执行的循环,直接进入下一次循环。弹出的对话框(包括一个确定按钮和一个取消按钮)。

 

Continue语句只能用在while、for、do...while、switch语句当中。

 

案例:

 

点击下面的按钮来执行循环,该循环会跳过 i=3 的步进。

 

效果图:该例子跳过了值 3。

 

 

 

 


 

 

 

三、对话框

 

  在javascript中有三种样式的对话框,可分别用作提示、确定和输入,对应三个函数:alert、confirm、prompt。

 

(1)“alert” 对话框

 

 在访问网站的时候,有时会突然弹出一个小窗口,上面写着一段提示信息文字。如果你不点击“确定”,就不能对网页做任何操作,这个小窗口就是使用  alert实现的。

 

“alert”对话框只用于提醒,alert弹出消息对话框(包含一个确定按钮),但对脚本不会产生任何变化。它只有一个参数,即为需要提示的信息,没有返回值。

 

 案例:

 

 alert提醒     

提醒对话框

只是提醒,不能对脚本产生任何变化;

 

效果图:

 

 

 

 

(2)Confirm:

 

该消息对话框,通常用于允许用户做选择的动作,弹出此对话框里包含一个确定按钮和一个取消按钮。

 

 案例:

 

 comfirm提醒     

确认对话框

一般用于确认信息,返回true或者false

 

效果图:

 

 

 

 

 (3)Prompt

 

通常用于询问一些需要与用户交互的信息,弹出的对话框的包含一个确定按钮、取消按钮与一个文本输入框。

 

该对话框可以进行输入,并返回用户输入的字符串。它有两个参数,第一个参数显示提示信息,第二个参数用于显示输入框(和默认值)。

 

 案例:

 

 prompt提示     

要求用户输入,然后给个结果

一个带输入的对话框,可以返回用户填入的字符串

 

效果图:点“提交”

 

 

以上的内容部分来自“javascript从零开始学”和个人学习笔记,转载请注明出处!谢谢合作!

转载于:https://www.cnblogs.com/LiuWeiLong/p/7088153.html

你可能感兴趣的文章
移动端响应式
查看>>
python实现牛顿法求解求解最小值(包括拟牛顿法)【最优化课程笔记】
查看>>
js中var、let、const的区别
查看>>
腾讯云加入LoRa联盟成为发起成员,加速推动物联网到智联网的进化
查看>>
从Python2到Python3:超百万行代码迁移实践
查看>>
Windows Server已可安装Docker,Azure开始支持Mesosphere
查看>>
简洁优雅地实现夜间模式
查看>>
react学习总结
查看>>
微软正式发布PowerShell Core 6.0
查看>>
Amazon发布新的会话管理器
查看>>
InfoQ趋势报告:DevOps 和云计算
查看>>
舍弃Python,为什么知乎选用Go重构推荐系统?
查看>>
在soapui上踩过的坑
查看>>
MySQL的字符集和字符编码笔记
查看>>
ntpd同步时间
查看>>
must implement java.io.Serializable hessian
查看>>
Microsoft Licenses Flash Lite for Windows Mobile Users
查看>>
HDOJ 2020 绝对值排序
查看>>
HDOJ/HDU 2560 Buildings(嗯~水题)
查看>>
Maven编译时跳过Test
查看>>