第一种

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>

1-4-JS基础-条件判断的更多相关文章

  1. Python基础——条件判断

    Python版本:3.6.2  操作系统:Windows  作者:SmallWZQ 到目前为止,Python基础系列的文章中的程序都是一条一条语句顺序执行的.在本章中,我会重点介绍让程序选择是否执行语 ...

  2. 【Python】 [基础] 条件判断 与 循环 与dict和set

    # 条件判断 elif:  else if 的作用 注意: : [冒号]BMI =w/(h*h) if BMI<15:    print('较轻')elif BMI<25:    prin ...

  3. 006-python基础-条件判断与循环

    一.条件判断 场景一.用户登陆验证 # 提示输入用户名和密码 # 验证用户名和密码 # 如果错误,则输出用户名或密码错误 # 如果成功,则输出 欢迎,XXX! #!/usr/bin/env pytho ...

  4. Python基础(条件判断和循环) if elif else for while break continue;

    条件判断 计算机之所以能做很多自动化的任务,因为它可以自己做条件判断. 比如,输入用户年龄,根据年龄打印不同的内容,在Python程序中,用if语句实现: age = 20 if age >= ...

  5. python基础----条件判断与循环

    一.python数据类型 1.整数(包括整数.负数) 2.浮点数(小数) 3.字符串(需要用单引号‘’或双引号“”括起来) 注:当字符串中含有单引号时,用双引号括起来(now="let's ...

  6. Python基础 条件判断和循环

    pyhton if 语句 if 语句后接表达式,然后用: 表示代码块. age = 20 if age >= 18: print 'your age is', age print 'adult' ...

  7. js之条件判断

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  8. JS中条件判断语句

    用pycharm敲代码时,在.js文件中敲,敲完之后复制代码到浏览器的console中去回车执行 1.if(  ){} 2.switch(a){} 3.for循环 循环列表 循环字典 循环字符串 另外 ...

  9. JS——if条件判断

    现在只说特殊情况: 1.一个变量,例如n1=null <script> var n1 = null; alert(n1);/*弹窗的值为null*/ if (n1 == null) {/* ...

随机推荐

  1. 图数据库 Nebula Graph 的安装部署

    Nebula Graph:一个开源的分布式图数据库.作为唯一能够存储万亿个带属性的节点和边的在线图数据库,Nebula Graph 不仅能够在高并发场景下满足毫秒级的低时延查询要求,还能够实现服务高可 ...

  2. 【nodejs原理&源码赏析（6）】深度剖析cluster模块源码与node.js多进程（下）

    目录 一. 引言 二.server.listen方法 三.cluster._getServer( )方法 四.跨进程通讯工具方法Utils 五.act:queryServer消息 六.轮询调度Roun ...

  3. SSM框架之Spring（5）JdbcTemplate及spring事务控制

    Spring(5)JdbcTemplate及spring事务控制 ##1.JdbcTmeplate 它是 spring 框架中提供的一个对象,是对原始 Jdbc API 对象的简单封装.spring ...

  4. 【JDBC】JDBC入门

    JDBC的入门 搭建开发环境 编写程序,在程序中加载数据库驱动 建立连接 创建用于向数据库发送SQL的Statement对象 从代表结果集的ResultSet中取出数据 断开与数据库的连接,并释放相关 ...

  5. Linux-3.14.12内存管理笔记【建立内核页表（1）】

    前面已经分析过了Intel的内存映射和linux的基本使用情况,已知head_32.S仅是建立临时页表,内核还是要建立内核页表,做到全面映射的.下面就基于RAM大于896MB,而小于4GB ,切CON ...

  6. bootrom/spl/uboot/linux逐级加载是如何实现的？

    关键词:bootrom.spl.uboot.linux.mksheader.sb_header.mkimage.image_header_t等等. 首先看一个典型的bootrom->spl-&g ...

  7. (办公)访问其他系统接口httpClient,异步访问

    访问其他系统接口httpClient,但是都是同步的,同步意味当前线程是阻塞的,只有本次请求完成后才能进行下一次请求;异步意味着所有的请求可以同时塞入缓冲区,不阻塞当前的线程; httpClient请 ...

  8. RabbitMQ入门及其几种工作模式

    1.简介 MQ全程Message Queue,用于应用程序和应用程序间进行通信.RabbitMQ采用Erlang编写,实现了AMQP(高级消息队列)协议,跨平台,支持各种主流的操作系统和多种客户端. ...

  9. Node.js使用Nodemailer发送邮件

    除了Python,在node中收发电子邮件也非常简单,因为强大的社区有各种各样的包可以供我么直接使用.Nodemailer包就可以帮助我们快速实现发送邮件的功能. Nodemailer简介 Nodem ...

  10. ccf再卖菜

    https://blog.csdn.net/imotolove/article/details/82777819 记忆化搜索,还不太理解..