1-4-JS基础-条件判断
2016-03-30 22:26
369 查看
第一种
1.if(条件成立){
执行某件事
}
2.if(条件成立){
执行某件事
}else{
执行另外一件事
}
3.if(条件1成立){
执行某件事
}else if(条件2成立){
执行某件事
}
else if(条件3成立){
执行某件事
}
else{
执行某件
}
1.if(条件成立){
执行某件事
}
2.if(条件成立){
执行某件事
}else{
执行另外一件事
}
3.if(条件1成立){
执行某件事
}else if(条件2成立){
执行某件事
}
else if(条件3成立){
执行某件事
}
else{
执行某件
}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>html属性操作</title> <style> #div1{ width:300px; height:200px; border:1px solid #ccc; margin-bottom:20px} </style> <script> window.onload = function(){ var oDiv = document.getElementById('div1'); var oText = document.getElementById('text1'); var oBtn1 = document.getElementById('btn1'); var oSpan = document.getElementById('span1'); oBtn1.onclick = function(){ if(oText.value==''){ alert('请输入点内容吧!'); }else{ oDiv.innerHTML+=oSpan.innerHTML + oText.value+"<br/>"; oText.value=''; } } } </script> </head> <body> <div id="div1"></div> <span id="span1">你好:</span> <input type="text" id="text1"/> <input type="button" id="btn1" value="按钮" /> </body> </html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>html属性操作</title> <style> #div1 { width:300px; height:200px; border:1px solid #ccc; margin-bottom:20px } </style> <script> window.onload = function(){ var oText = document.getElementById('text1'); var oBtn1 = document.getElementById('btn1'); oBtn1.onclick = function(){ if(oText.value==''){ alert('请输入口令'); }else if(oText.value=='css'){ alert('你写的是css,恭喜通过!'); } else if(oText.value=='html'){ alert('你写的是html,恭喜通过!'); } else if(oText.value=='js'){ alert('你写的是js,恭喜通过!'); } else{ alert('你的口令输入有误!'); } } } </script> </head> <body> <input type="text" id="text1"/> <input type="button" id="btn1" value="验证" /> </body> </html>
相关文章推荐
- shell脚本编程之if语句学习笔记
- js中if语句的几种优化代码写法
- javascript中的if语句使用介绍
- js使用for循环及if语句判断多个一样的name
- Linux shell脚本编程if语句的使用方法(条件判断)
- 跟老齐学Python之复习if语句
- 跟老齐学Python之从if开始语句的征程
- Java控制语句之if、switch语句
- Java知识点总结
- if语句
- 关于java中if语句的见解
- 【C++】If语句
- 判断是否是闰年
- 检测进程是否存在的小函数&&检测命令是否执行成功的小函数
- C语言及程序设计.第七课.项目2.三数最大值
- C语言及程序设计.第七课.项目3.发工资
- Lesson_for_java_day05--java的三目运算符、if语句、switch语句、while循环、for循环
- c语言中的分支结构
- 条件语句和循环
- java学习08--程序控制流程--判断结构if练习