条件分岐
概要
データによって処理を切り分けたい場合にしようする。
1.if文
2.if~else文
3.if~else if~else文
4.switch文
if文
<!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>テストサイト</title>
</head>
<body>
<script type="text/javascript">
//<![CDATA[
// 値設定
var data1 = 10;
// 条件設定
if(data1 == 10){
document.write("data1=10" + "<br />");
}
// 条件設定
if(data1 == 20){
document.write("data1=20" + "<br />");
}
// 出力1
document.write("Test Javascript" + "<br />");
//]]>
</script>
</body>
</html>
if~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>テストサイト</title>
</head>
<body>
<script type="text/javascript">
//<![CDATA[
// 値設定
var data1 = 10;
// 条件設定
if(data1 == 10){
document.write("data1=10" + "<br />");
}else{
document.write("data1=else" + "<br />");
}
// 条件設定
if(data1 == 20){
document.write("data1=20" + "<br />");
}else{
document.write("data1=else" + "<br />");
}
// 出力1
document.write("Test Javascript" + "<br />");
//]]>
</script>
</body>
</html>
if~else if~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>テストサイト</title>
</head>
<body>
<script type="text/javascript">
//<![CDATA[
// 値設定
var data1 = 10;
// 条件設定
if(data1 == 10){
document.write("data1=10" + "<br />");
}else if(data1 == 20){
document.write("data1=20" + "<br />");
}else{
document.write("data1=else" + "<br />");
}
// 出力1
document.write("Test Javascript" + "<br />");
//]]>
</script>
</body>
</html>
switch文
<!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>テストサイト</title>
</head>
<body>
<script type="text/javascript">
//<![CDATA[
// 値設定
var data1 = 30;
// 条件設定
switch(data1){
case 10:
document.write("data1=10" + "<br />");
break;
case 20:
document.write("data1=20" + "<br />");
break;
case 30:
document.write("data1=30" + "<br />");
break;
default:
document.write("data1=else" + "<br />");
break;
}
// 出力1
document.write("Test Javascript" + "<br />");
//]]>
</script>
</body>
</html>
最終更新:2012年02月15日 07:38