javascript中的if语句使用介绍
更新时间：2013年11月20日 16:27:25 作者：
在javascript中的一些选择语句，其实jf语句就是一种，下面举几个不错的示例为大家介绍下，希望对大家学习有所帮助
在javascript中的一些选择语句：
1、if语句 当指定条件为true的时候，就执行该条件的代码。
2、if...else...语句 当该语句指定条件为true时则执行该代码，如果当条件执行为false时则执行其他代码。
3、if...else if...else...语句 该语句是选择多个代码一起执行。
4、switch 语句 选择多个代码一起执行。
if语句
if(条件){
当条件为true时执行的代码;
}
例：
<script>
function myFunction()
{
var x="";
var time=new Date().getHours();
if (time<20)
{
x="Good day";
}
document.getElementById("demo").innerHTML=x;
}
</script>
if...else...语句
if(条件){
当条件为true时，执行代码
}else{
当条件不为true时（条件为false），执行的代码;
}
例：
<script>
function myFunction()
{
var x="";
var time=new Date().getHours();
if (time<20)
{
x="Good day";
}
else
{
x="Good evening";
}
document.getElementById("demo").innerHTML=x;
}
</script>
if...else if...else...语句
if(条件1){
当条件1为true时，执行代码;
}else if(条件2){
当条件2为true时，执行代码;
}else{
当条件1和2 都不为true时 ，执行的代码;
}
例：
<script>
function myFunction()
{
var x="";
var time=new Date().getHours();
if (time<10)
{
x="Good morning";
}
else if (time<20)
{
x="Good day";
}
else
{
x="Good evening";
}
document.getElementById("demo").innerHTML=x;
}
</script>
1、if语句 当指定条件为true的时候，就执行该条件的代码。
2、if...else...语句 当该语句指定条件为true时则执行该代码，如果当条件执行为false时则执行其他代码。
3、if...else if...else...语句 该语句是选择多个代码一起执行。
4、switch 语句 选择多个代码一起执行。
if语句
if(条件){
当条件为true时执行的代码;
}
例：
复制代码 代码如下:
<script>
function myFunction()
{
var x="";
var time=new Date().getHours();
if (time<20)
{
x="Good day";
}
document.getElementById("demo").innerHTML=x;
}
</script>
if...else...语句
if(条件){
当条件为true时，执行代码
}else{
当条件不为true时（条件为false），执行的代码;
}
例：
复制代码 代码如下:
<script>
function myFunction()
{
var x="";
var time=new Date().getHours();
if (time<20)
{
x="Good day";
}
else
{
x="Good evening";
}
document.getElementById("demo").innerHTML=x;
}
</script>
if...else if...else...语句
if(条件1){
当条件1为true时，执行代码;
}else if(条件2){
当条件2为true时，执行代码;
}else{
当条件1和2 都不为true时 ，执行的代码;
}
例：
复制代码 代码如下:
<script>
function myFunction()
{
var x="";
var time=new Date().getHours();
if (time<10)
{
x="Good morning";
}
else if (time<20)
{
x="Good day";
}
else
{
x="Good evening";
}
document.getElementById("demo").innerHTML=x;
}
</script>
相关文章
JavaScript Echarts柱状图label优化中问题针对讲解
这篇文章主要介绍了JavaScript Echarts柱状图label优化中问题，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习吧2022-12-12
这篇文章主要介绍了一些关于类型和对象的例子，大家看完例子后可能更容易理解类型和对象之间的联系2013-11-11
本文主要给大家介绍的是使用javascript编写俄罗斯方块小游戏的思路和具体的实例代码，有需要的小伙伴可以参考下2015-07-07
这篇文章主要介绍了详解Webwork中Action 调用的方法的相关资料,需要的朋友可以参考下2016-02-02
本篇文章主要给大家带来一个JS实用功能，监听浏览器在关闭的时候提示出是否要离开的小功能，需要的朋友学习下吧。2017-12-12
对于数据结构“树”，想必大家都熟悉，本文，我们就再来回顾一下数据结构中的二叉树与树，并用JavaScript实现它们。下面就跟着小编一起来看下吧2017-01-01
JavaScript让IE浏览器event对象符合W3C DOM标准
IE浏览器event对象跟W3C实现的不一样.所以自己封装一个EventUtil类来让IE浏览器的event对象与W3C一样.2009-11-11
开发Echarts图标时经常遇到数据量过多引起的图例错乱,这个时候我们应该如何处理?下面这篇文章主要给大家介绍了关于echarts图例过多显示问题的解决方案,需要的朋友可以参考下2023-11-11
这篇文章主要介绍了浅谈Webpack打包优化，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-06-06
XPath构建于XML之上,以表示路径的方式来确定XML中元素位置,事实上并不是太常用,这里我们来简单了解JavaScript操作XPath的一些基本方法2016-06-06
最新评论