Javascript基础教程之while语句
循环语句的作用是反复的执行同一段代码,尽管分几种不同的类型,但其原理几乎相同;只要给定的条件满足,包含在循环体内的语句会不断执行,一旦条件不再满足则终止。
while循环是前测试循环,这意味着是否终止的条件判断是在执行代码之前,因此,循环的主体可能根本不执行。其语法如下:
while(expression) statement
当expression为ture时,程序会不断执行statement语句,直到expression为false时。
两个案例
<script type="text/javascript">
var i=iSum=0;
while(i <= 100){
iSum += i;
i++;
};
document.write(iSum+"<br>"); //求100内数字相加和
</script>
<p>点击下面的按钮,只要 i 小于 5 就一直循环代码块。</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>
function myFunction()
{
var x="",i=0;
while (i<=10)
{
x=x + "The number is " + i + "<br>";
i++;
}
document.getElementById("demo").innerHTML=x;
}
</script>
相关推荐
-
解读JavaScript中 For, While与递归的用法
for循环: 复制代码 代码如下: for(i=start; i<end; i++) { } while循环: (注意, 若条件一直为真, 则会进入死循环, 浏览器就hang掉) 复制代码 代码如下: while (condition) { //do something; //change condition;} 递归: 使用for循环做substring 复制代码 代码如下: function substring(all, start, end) { for(i=star
-
JavaScript While 循环 教程
JavaScript中的循环用来将同一段代码执行指定的次数(或者当指定的条件为true时). JavaScript Switch 声明 如果希望选择执行若干代码块中的一个,你可以使用switch声明: 语法: 复制代码 代码如下: switch(n) { case 1: 执行代码块 1 break case 2: 执行代码块 2 break default: 如果n即不是1也不是2,则执行此代码
-
javascript while语句和do while语句的区别分析
while语句: 复制代码 代码如下: var i = 1; while(i<10) { document.write(i); i++; } do while语句: 复制代码 代码如下: var i = 1; do { document.write(i); i++; }while(i<10); 从上边例子中我们来分析它们的两点不同: 1.因为while语句总是先检测循环表达式,所以它的循环体可能一次都不执行:而do/while语句是在循环底部
-
javascript 循环语句 while、do-while、for-in、for用法区别
前两个唯一的差别就是循环和判断的顺序不同,do-while比while多循环一次,我就不举例了. for循环相信大家也熟的不能再熟了,我们就看for-in这一句. 这个其实是针对数组的,js中数组的初始化也挺奇特的比如我们在script结点里写:(另外注意下数组的初始化,用的是中括号) "); var a=[3,4,5,7]; for(var test in a){ document.write(test+": "+a[test]+""); } -->
-
Javascript基础教程之while语句
循环语句的作用是反复的执行同一段代码,尽管分几种不同的类型,但其原理几乎相同:只要给定的条件满足,包含在循环体内的语句会不断执行,一旦条件不再满足则终止. while循环是前测试循环,这意味着是否终止的条件判断是在执行代码之前,因此,循环的主体可能根本不执行.其语法如下: while(expression) statement 当expression为ture时,程序会不断执行statement语句,直到expression为false时. 两个案例 复制代码 代码如下: <script typ
-
Javascript基础教程之switch语句
stwith语句的格式一般如下: 复制代码 代码如下: switch (expression){ case value :statement1 break; case value2 :statement2 break; .... case value: statement break; default :statement; 每个情况表示如果expression的值等于case ,则执
-
MySQL基础教程之DML语句详解
目录 DML 语句 1.插入记录 2.更新记录 3.简单查询记录 4.删除记录 5.查询记录详解(DQL语句) 5.1.查询不重复的记录 5.2.条件查询 5.3.聚合查询 5.4.排序查询 5.5.limit查询 5.6.连表查询 5.7.子查询 5.8.记录联合 5.9.select语句的执行顺序 6.总结 DML 语句 DML(Data Manipulation Language)语句:数据操纵语句. 用途:用于添加.修改.删除和查询数据库记录,并检查数据完整性. 常用关键字:insert
-
Javascript基础教程之break和continue语句
break和continue语句对循环中的代码执行提供了更为严格的流程控制.break语句可以立刻退出循环,阻止再次执行循环体中的任何代码.continue语句只是退出当前这一循环,根据控制表达式还允许进行下一次循环. break 复制代码 代码如下: <script language="javascript"> var aNumbers = new Array(); var sMessage = "你输入了:<br>"; var iTota
-
Javascript基础教程之if条件语句
if 是常用语法之一,其格式如下 if(coditon) statement1 (else statement2) 其中,coditon可以是任何表达式,甚至不比是真正的布尔值,因为JavaScript会将其自动转化为布尔值. 如果条件执行结果为true,则执行statement1,如果条件为false,则执行结果statment2,(如果statement2存在,则else不是必须的) 每个条件语句可以是单行代码,也可以是代码块.以下是简单的举例 复制代码 代码如下: var iNumber
-
Javascript基础教程之for循环
如果您希望一遍又一遍地运行相同的代码,并且每次的值都不同,那么使用循环是很方便的. 复制代码 代码如下: document.write(cars[0] + "<br>"); document.write(cars[1] + "<br>"); document.write(cars[2] + "<br>"); document.write(cars[3] + "<br>"); do
-
Javascript基础教程之JavaScript语法
1.区分大小写 javascript中,变量.函数.运算符都区分大小写. 2.弱类型变量 定义变量只用 "var"关键字 复制代码 代码如下: var age = 25; var myscholl = "sanxiao"; var mal = true; 3.每行结尾的分号可有可无. 4.括号用于代码块. 代码示例 复制代码 代码如下: <!DOCTYPE html> <html> <head lang="en"
-
JavaScript基础教程之alert弹出提示框实例
alert 命令弹出一个提示框 为便于对 JavaScript 有一个直观的认识,本节会提供几个简单的实例供 JavaScript 入门学习之用.下面的代码是一个弹出提示框的例子: 复制代码 代码如下: <script type="text/javascript"> alert("我是提示文字!"); </script> 将上面部分代码,用文本编辑器(如写字板或其他更高级的编辑器,如 EditPlus 等)保存为 alert.html(或 a
-
Javascript基础教程之argument 详解
argument是javascript中函数的一个特殊参数,例如下文,利用argument访问函数参数,判断函数是否执行 复制代码 代码如下: <script type="text/javascript"> function sayHello () { if (arguments[0] == "bye") return; else alert( "hello" +
-
Boostrap基础教程之JavaScript插件篇
Boostrap提供了12种JavaScript插件,包括: 动画过渡 Transition 模态 Modal 下拉菜单 Dropdown 滚动侦测 Scrollspy 选项卡 Tab 提示框 Tooltip 弹出框 Popover 警告框 Alert 按钮 Button 折叠 Collapse 旋转轮播 Carousel 自动定位浮标 Affix 模态弹窗 <div class="modal show"> <div class="modal-dialog&
随机推荐
- php连接不上mysql但mysql命令行操作正常的解决方法
- iOS中UILabel text两边对齐的实现代码
- 利用Redis统计网站在线活跃用户的方法
- Vue.js报错Failed to resolve filter问题的解决方法
- window.setInterval()方法的定义和用法及offsetLeft与style.left的区别
- PHP用strstr()函数阻止垃圾评论(通过判断a标记)
- Vue-Router进阶之滚动行为详解
- 详解使用Docker搭建Java Web运行环境
- JS实现获取来自百度,Google,soso,sogou关键词的方法
- 浅谈jquery的map()和each()方法
- jquery利用命名空间移除绑定事件的方法
- 基于jquery实现最简单的选项卡切换效果
- jquery、js操作checkbox全选反选
- js 页面模块自由拖动实例
- 详解Java设计模式编程中的访问者模式
- Android仿网易严选底部弹出菜单效果
- JavaScript显示表单内元素数量的方法
- Internet路由
- Swoole 1.10.0新版本发布,增加了多项新特性
- iOS中tableview 两级cell的展开与收回的示例代码