JS:1.2,控制语句(if,if else,for,switch,while,do while)

简介:
ylbtech-JS:控制语句
JS:控制语句-If返回顶部
JS:控制语句-if返回顶部
复制代码
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language="javascript">
var d=new Date();
var time= d.getHours();
if(time<10)
{
    document.write("早上好!");
}
</script>
</head>

<body>
<h1>if的示例(1_1)</h1>
1,
if(条件1)
{
    语句1:
}
</pre>
<p>
如果我们的浏览器的时间在10点之前,我们将得到一个"早上好!" 的问候。
</p>
</body>
</html>
复制代码
JS:控制语句-if_else返回顶部
复制代码
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language="javascript">
var d=new Date();
var time= d.getHours();
if(time<=10)
{
    document.write("早上好!");
}
else if(time<=12)
{
    document.write("上午好!");
}
else if(time<=18)
{
    document.write("下午好!");
}
else
{
    document.write("晚上好!");
}
</script>
</head>

<body>
<h1>if的示例(1_2)</h1>
<pre>
2,
if(条件1)
{
    语句1:
}
esle
{
    语句2:
}
</pre>
<p>

根据浏览器不同的时间段:提示相应的问候语。
</p>
</body>
</html>
复制代码
JS:控制语句-if嵌套返回顶部
复制代码
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language="javascript">

var i=j=1;
var k=2;
if(i==j)
{
    if(j==k)
    {
        document.write("j等于k");
    }
    else
    {
        document.write("j不等于k");
    }
}


</script>
</head>

<body>
<h1>嵌套if语句(1_3)</h1>
<h2>
<pre>
公式:
3,
if(条件1)
{
    if(条件2)
    {
        语句1:
    }
}
</pre>
</h2>
</body>
</html>
复制代码
JS:控制语句-循环返回顶部
JS:控制语句-循环-for返回顶部
复制代码
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language="javascript">
for(var i=1;i<=5;i=i+1)
{
    document.write(i);
    document.write("<br>");
}
</script>
</head>

<body>
<h1>for循环示例</h1>
<pre>
利用for循环输出1-5之间的数字。
for(初始值;条件; 增值)
{
    语句块1;
}
</pre>
</body>
</html>
复制代码
JS:控制语句-循环-switch返回顶部
复制代码
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language="javascript">
var d=new Date();
theDay=d.getDay();
document.write("今天是周",theDay,",");
switch(theDay)
{
    case 5:
    document.write("<b>今天是周五</b>");
    break;
    case 6:
    document.write("<b>今天是周六</b>");
    break;
    default:
    document.write("<b>工作日,我们期待周末的到来!嘿嘿</b>");
}
</script>
</head>

<body>
<h1>switch循环示例</h1>
<h2>
<pre>
基本格式:
switch(条件)
{
    case label1:语句段1;break;
    case label2:语句段2;break;
    case label3:语句段3;break;
    ......    default:语句段 4;
    
    
}
</pre>
</h2>
</body>
</html>
复制代码
JS:控制语句-循环-while返回顶部
复制代码
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language="javascript">
var count=0;
while(count<10)
{
    document.write(count+"<br>");
    count++;
}
</script>
</head>

<body>

<h1>while循环示例</h1>
<h2>
当条件为真是时,重复循环,否则退出循环体。</h2>
<pre>
while(判断条件1)
{
    语句块1;
}

</pre>
</body>
</html>
复制代码
JS:控制语句-循环-do_while返回顶部
复制代码
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language="javascript">
var count =0;
do
{
    document.write(count+"<br>");
    count++;
}
while(count<0)
</script>
</head>

<body>
<h1>do while循环的示例</h1>
<h2>
<pre>
基本格式:
do
{
    语句段;
}
while(条件)

例如:即使条件永远不为真,循环中的语句至少也会执行一次。
</pre>
</h2>
</body>
</html>
复制代码

 

本文转自ylbtech博客园博客,原文链接:http://www.cnblogs.com/ylbtech/archive/2013/01/09/2852572.html,如需转载请自行联系原作者

相关文章
|
2月前
|
JavaScript
Node.js【GET/POST请求、http模块、路由、创建客户端、作为中间层、文件系统模块】(二)-全面详解(学习总结---从入门到深化)
Node.js【GET/POST请求、http模块、路由、创建客户端、作为中间层、文件系统模块】(二)-全面详解(学习总结---从入门到深化)
27 0
|
2月前
|
消息中间件 Web App开发 JavaScript
Node.js【简介、安装、运行 Node.js 脚本、事件循环、ES6 作业队列、Buffer(缓冲区)、Stream(流)】(一)-全面详解(学习总结---从入门到深化)
Node.js【简介、安装、运行 Node.js 脚本、事件循环、ES6 作业队列、Buffer(缓冲区)、Stream(流)】(一)-全面详解(学习总结---从入门到深化)
74 0
|
8天前
|
JavaScript 前端开发 应用服务中间件
node.js之第一天学习
node.js之第一天学习
|
1月前
|
运维 JavaScript 前端开发
发现了一款宝藏学习项目,包含了Web全栈的知识体系,JS、Vue、React知识就靠它了!
发现了一款宝藏学习项目,包含了Web全栈的知识体系,JS、Vue、React知识就靠它了!
|
1月前
|
JavaScript
Vue.js学习详细课程系列--共32节(4 / 6)
Vue.js学习详细课程系列--共32节(4 / 6)
33 0
|
1月前
|
前端开发 搜索推荐 JavaScript
编程笔记 html5&css&js 001 学习编程从网页开始
编程笔记 html5&css&js 001 学习编程从网页开始
|
2月前
|
前端开发 JavaScript
从零开始学习前端开发:HTML、CSS、JavaScript入门指南
【2月更文挑战第1天】本文将带领读者从零开始学习前端开发,介绍HTML、CSS和JavaScript的基础知识与应用,帮助读者快速入门前端开发领域。
64 1
|
2月前
|
数据采集 机器学习/深度学习 JavaScript
画【Python折线图】的一百个学习报告(二、pyecharts引入js文件)
画【Python折线图】的一百个学习报告(二、pyecharts引入js文件)
51 0
|
2月前
|
JSON 前端开发 JavaScript
Webpack【Webpack图片处理、Webpack中proxy代理 、自动清理dist、Webpack优化、JavaScript中的代码检查】(三)-全面详解(学习总结---从入门到深化)
Webpack【Webpack图片处理、Webpack中proxy代理 、自动清理dist、Webpack优化、JavaScript中的代码检查】(三)-全面详解(学习总结---从入门到深化)
35 0
Webpack【Webpack图片处理、Webpack中proxy代理 、自动清理dist、Webpack优化、JavaScript中的代码检查】(三)-全面详解(学习总结---从入门到深化)