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实现的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起看看吧。2018-03-03
原生JavaScript获取样式，是获取样式，不是设置样式。若没有给元素设置样式值，则返回浏览器给予的默认值2014-10-10
在JavaScript中并没有直接支持函数重载的机制,但是可以通过一些技巧来模拟函数重载的效果,比如使用参数判断,使用默认参数,对象参数,这些方法都可以实现类似函数重载的效果,所以本文就给大家介绍一下JavaScript如何实现函数重载,需要的朋友可以参考下2023-08-08
这篇文章主要介绍了JS实现仿Windows经典风格的选项卡Tab切换代码,涉及JavaScript元素的遍历与样式的修改技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-10-10
这篇文章主要介绍了JS 循环遍历JSON数据的方法,需要的朋友可以参考下2014-07-07
这篇文章主要为大家详细介绍了Javascript实现秒表倒计时功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-11-11
Javascript在IE或Firefox下获取鼠标位置的代码
由于Firefox和IE等浏览器之间对JS解释的方式不一样，Firefox下面获取鼠标位置不能够直接使用clientX来获取。网上说的一般都是触发mousemove事件才行。我这里有两段代码，思路都一样，就是风格不同。2009-12-12
IE6的PNG透明是个老问题了，最近有朋友问我有没有最好的解决这个问题的插件，今天抽空把这个发上来2013-04-04
这篇文章主要为大家详细介绍了js css实现垂直方向自适应的三角提示菜单的相关资料,需要的朋友可以参考下2016-06-06
这篇文章主要介绍了ES6学习笔记之let与const用法,结合实例形式分析了ES6中let与const的功能、使用方法及相关操作注意事项,需要的朋友可以参考下2020-01-01
最新评论