javascript中的if语句使用介绍


Posted in Javascript onNovember 20, 2013

在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>
Javascript 相关文章推荐
JQuery加载图片自适应固定大小的DIV
Sep 12 Javascript
JS+CSS实现淡入式焦点图片幻灯切换效果的方法
Feb 26 Javascript
JS实现浏览器状态栏文字闪烁效果的方法
Oct 27 Javascript
bootstrap datetimepicker 日期插件在火狐下出现一条报错信息的原因分析及解决办法
Mar 08 Javascript
Angular浏览器插件Batarang介绍及使用
Feb 07 Javascript
vue实现element-ui对话框可拖拽功能
Aug 17 Javascript
详解angularjs跨页面传参遇到的一些问题
Nov 01 Javascript
vue多次循环操作示例
Feb 08 Javascript
详解无限滚动插件vue-infinite-scroll源码解析
May 12 Javascript
JS动态图片的实现方法完整示例
Jan 13 Javascript
jQuery实现推拉门效果
Oct 19 jQuery
解决vue props传Array/Object类型值,子组件报错的情况
Nov 07 Javascript
js控制表单不能输入空格的小例子
Nov 20 #Javascript
js中Image对象以及对其预加载处理示例
Nov 20 #Javascript
JS按字节截取字符长度实例
Nov 20 #Javascript
详解JS 比较两个Json对象的值是否相等的实例
Nov 20 #Javascript
javascipt匹配单行和多行注释的正则表达式
Nov 20 #Javascript
自定义的一个简单时尚js下拉选择框
Nov 20 #Javascript
jQuery对html元素取值与赋值的方法
Nov 20 #Javascript
You might like
PHP 强制性文件下载功能的函数代码(任意文件格式)
2010/05/26 PHP
Yii2选项卡的简单使用
2017/05/26 PHP
php中输出json对象的值(实现方法)
2018/03/07 PHP
根据鼠标的位置动态的控制层的位置
2009/11/24 Javascript
被jQuery折腾得半死,揭秘为何jQuery为何在IE/Firefox下均无法使用
2010/01/22 Javascript
javascript 面向对象的JavaScript类
2010/05/04 Javascript
Javascript判断对象是否相等实现代码
2013/03/18 Javascript
jQuery实现简单二级下拉菜单
2015/04/12 Javascript
iframe中子父类窗口调用JS的方法及注意事项
2015/08/25 Javascript
jquery实现隐藏在左侧的弹性弹出菜单效果
2015/09/18 Javascript
AngularJS使用angular-formly进行表单验证
2015/12/27 Javascript
jQuery ajaxSubmit 实现ajax提交表单局部刷新
2016/07/04 Javascript
ajax级联菜单实现方法实例分析
2016/11/28 Javascript
Javascript快速实现浏览器系统通知
2017/08/26 Javascript
详解Vuex中mapState的具体用法
2017/09/28 Javascript
微信小程序返回多级页面的实现方法
2017/10/27 Javascript
Vue-router 中hash模式和history模式的区别
2018/07/24 Javascript
vue中keep-alive,include的缓存问题
2019/11/26 Javascript
JavaScript之Blob对象类型的具体使用方法
2019/11/29 Javascript
jQuery使用ajax传递json对象到服务端及contentType的用法示例
2020/03/12 jQuery
浅谈javascript如何获取文件后缀名
2020/08/07 Javascript
python发送邮件功能实现代码
2016/07/15 Python
python timestamp和datetime之间转换详解
2017/12/11 Python
TensorFlow的权值更新方法
2018/06/14 Python
Python IDLE清空窗口的实例
2018/06/25 Python
从numpy数组中取出满足条件的元素示例
2019/11/26 Python
Python3爬虫中Splash的知识总结
2020/07/10 Python
Python脚本调试工具安装过程
2021/01/11 Python
a标签下载链接的简单实现
2016/09/13 HTML / CSS
宣传部部长竞选演讲稿
2014/04/26 职场文书
优秀求职信
2014/05/29 职场文书
财务工作疏忽检讨书
2014/09/11 职场文书
项目安全员岗位职责
2015/02/15 职场文书
Idea连接MySQL数据库出现中文乱码的问题
2021/04/14 MySQL
教你怎么用python实现字符串转日期
2021/05/24 Python
Vue中使用import进行路由懒加载的原理分析
2022/04/01 Vue.js