js--小结⑤
js中的for循环,while循环,do...while循环和C语言的一模一样
有几个问题要提醒一下的是
1. null是对象,即object undefined是undefined
demo
<!DOCTYPE html>
<html>
<body> <p id="demo"></p> <script>
document.getElementById("demo").innerHTML =
typeof undefined + "<br>" +
typeof null + "<br>" +
(null === undefined) + "<br>" +
(null == undefined);
</script> </body>
</html>
结果:

2.几个demo
break的标签引用
<!DOCTYPE html>
<html>
<body> <script>
cars=["BMW","Volvo","Saab","Ford"];
list:
{
document.write(cars[0] + "<br>");
document.write(cars[1] + "<br>");
document.write(cars[2] + "<br>");
break list;
document.write(cars[3] + "<br>");
document.write(cars[4] + "<br>");
document.write(cars[5] + "<br>");
}
</script> </body>
</html>

do-while
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<p>点击下面的按钮,主要i小于5就一直循环代码块</p>
<button onclick="myFunction()">hit me</button>
<p id="demo"></p>
<script>
function myFunction()
{
var x="",i=0;
do{
x=x+"The number is " +i+ "<br />";
i++;
}
while(i<5)
document.getElementById("demo").innerHTML=x; }
</script> </body>
</html>
结果:

while
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<p>点击下面的按钮,只要i小于5就一直循环代码块</p>
<button onclick="myFunction()">hit me</button>
<p id="demo"></p>
<script>
function myFunction()
{
var x="",i=0;
while(i<5)
{
x=x+"The number is " +i+ "<br />";
i++;
}
document.getElementById("demo").innerHTML=x;
}
</script>
</body>
</html>
结果
:

for
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script>
cars=["BMW","Volvo","Saab","Ford"];
var i=0;
for(;cars[i];)
{
document.write(cars[i]+"<br />");
i++;
}
</script>
</body>
</html>
结果
:

break
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<p>点击按钮,测试带有break语句的循环</p>
<button onclick="myFunction()">hit me</button>
<p id="demo"></p>
<script>
function myFunction()
{
var x="",i=0;
for(i=0;i<10;i++)
{
if(i==3)
{
break;
}
x=x+"The numbe is "+i+ "<br />"; }
document.getElementById("demo").innerHTML=x;
}
</script>
</body>
</html>

continue
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<p>点击下面的按钮来执行循环,该循环会跳过i=3的步进</p>
<button onclick="myFunction()">hit me</button>
<p id="demo"></p>
<script>
function myFunction()
{
var x="",i=0;
for(i=0;i<10;i++)
{
if(i==3)
{
continue;
}
x=x+"the numeber is "+i +"<br />";
document.getElementById("demo").innerHTML=x;
} }
</script>
</body>
</html>
结果:

js--小结⑤的更多相关文章
- CSS&JS小结
回顾:html: 作用:展示 文件标签: <html> <head> <title></title> </head> <body> ...
- node.js小结 2
下载node安装npm什么的就不说了 入门总结 http://www.cnblogs.com/Darren_code/archive/2011/10/31/nodejs.html 进入node_HOM ...
- 使用Webdriver执行JS小结
首先,我们使用如下方式初始化driver: WebDriver driver = new FirefoxDriver(); JavascriptExecutor jse = (JavascriptEx ...
- js小结
1,浏览器对json支持的方法: JSON.parse(jsonstr);将string转为json的对象. JSON.stringify(jsonobj);将json对象转为string. 2,js ...
- 百度地图js小结
1.获取javascript API 服务方法,首先申请密钥(ak),才可成功载入APIJS文件. 用法例如以下: <script type="text/javascript" ...
- 小程序app.js小结
小程序app.js app.js import { ApiUrl } from 'utils/apiurl.js'; import { httpReq } from 'utils/http.js'; ...
- js 小结
<script type="text/javascript"> var hotalAddJs = { makeSubmitDataHandler: function ( ...
- js小结(一)
想要的效果:比如说返回 25% 12.5% 33.33% 有几位小数就显示几位,就用 a=Math.round(a*100)/100 如果想要强制返还两位小数,就使用 a=a.toFixed(2); ...
- js小结2
1.includes和contains 对于字符串,数组来说,判断包含是includes,对classList是contains 2.编辑span内容,enter提交(如何避免keydown之后换行: ...
- vue初始化、数据处理、组件传参、路由传参、全局定义CSS与JS、组件生命周期
目录 项目初始化 组件数据局部化处理 子组件 父组件 路由逻辑跳转 案例 组件传参 父传子 子组件 父组件 子传父 子组件 父组件 组件的生命周期钩子 路由传参 第一种 配置:router/index ...
随机推荐
- Deep Learning论文笔记之(八)Deep Learning最新综述
Deep Learning论文笔记之(八)Deep Learning最新综述 zouxy09@qq.com http://blog.csdn.net/zouxy09 自己平时看了一些论文,但老感觉看完 ...
- bzoj1406
这道题很有意思 我们解过线性同余方程,也解过同余方程 这个则是求x^2≡1 (mod p) 可以将问题转化为(x-1)(x+1)≡0 (mod p) 然后我们穷举一下p的约数i, 看i|x-1,p/i ...
- BZOJ_1901_&_ZJU_2112_Dynamic_Rankings_(主席树+树状数组/线段树+(Treap/Splay))
描述 http://www.lydsy.com/JudgeOnline/problem.php?id=1901 给出一个长度为n的数列A,有m次询问,询问分两种:1.修改某一位置的值;2.求区间[l, ...
- VM Depot 登陆中国!
发布于 2014-03-24 作者 陈 忠岳 今天我很高兴地向大家宣布,来自微软开放技术(上海)有限公司的首个产品 VM Depot 正式在中国发布!VM Depot是为Windows Azur ...
- Linux内存调试工具初探-MEMWATCH
C 语言作为 Linux 系统上标准的编程语言给予了我们对动态内存分配很大的控制权.这种自由可能会导致严重的内存管理问题,可能导致程序崩溃或随时间的推移导致性能降级. 内存泄漏(即 malloc() ...
- Authorized users only. All activity may be monitored and reported.
Authorized users only. All activity may be monitored and reported. Directory: /home/oracle 如出现如上问题,是 ...
- LR(1)表生成算法演示程序
/* * LR 转换表 * + Goto 记录表 * + 状态转换表 */ #include <stdio.h> #include <stdlib.h> #include &l ...
- 8-11-Exercise
链接:第四次小练 A.POJ 3094 Quicksum 水题中的水题啊~ 直接上代码: #include <iostream> #include <cstdio> #in ...
- SecureCRT 无法删除字符
1. 2.
- SQL 主键和外键约束
SQL的主键和外键的作用: 外键取值规则:空值或参照的主键值. (1)插入非空值时,如果主键表中没有这个值,则不能插入. (2)更新时,不能改为主键表中没有的值. (3)删除主键表记录时,你可以在建外 ...