{welcome to JS} 使用多级条件（switch&case）

最新推荐文章于 2024-03-05 12:42:43 发布

lingle77

最新推荐文章于 2024-03-05 12:42:43 发布

阅读量1.9k

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/lingle77/article/details/48520197

版权

JavaScript 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

welcome09.html

<!DOCTYPE html>
<html>
<head>
    <title>621#</title>
    <script src = "script09.js"></script>
</head>
<body>
<h2>About these girls</h2>
<form action = "#">
    <input type = "button" id = "ChenDan" value = "ChenDan">
    <input type = "button" id = "ManXingchen" value = "ManXingchen">
    <input type = "button" id = "HuangYan" value = "HuangYan">
    <input type = "button" id = "LiangCan" value = "LiangCan">
    <input type = "button" id = "ZengXiao" value = "ZengXiao">
    <input type = "button" id = "Lingle" value = "Lingle">
</form>
</body>
</html>

script09.js

window.onload = initAll;

function initAll(){
	document.getElementById("ChenDan").onclick = saySomething;
	document.getElementById("ManXingchen").onclick = saySomething;
	document.getElementById("HuangYan").onclick = saySomething;
	document.getElementById("LiangCan").onclick = saySomething;
	document.getElementById("ZengXiao").onclick = saySomething;
	document.getElementById("Lingle").onclick = saySomething;
}

function saySomething(){
	switch(this.id){
	case "ChenDan":
	   alert("She is our dorm head.");
	   break;
	case "ManXingchen":
	   alert("We like to play with her.");
	   break;
	case "HuangYan":
	   alert("She is from Fu Jian");
	   break;
	case "LiangCan":
	   alert("She comes from Gui Zhou");
	   break;
	case "ZengXiao":
	   alert("Her English is very good.");
	   break;
	case "Lingle":
	   alert("hhh,I don't know.");
	   break;
	default：
	}
}