html 根据判断条件展示内容示例代码
时间: 2023-09-09 08:12:42 浏览: 32
可以使用HTML中的条件语句 `if...else` 或 `switch` 来根据判断条件展示内容。以下是示例代码:
使用if...else语句:
```html
<!DOCTYPE html>
<html>
<body>
<p id="demo"></p>
<script>
var x = 10;
if (x > 5) {
document.getElementById("demo").innerHTML = "x 大于 5";
} else {
document.getElementById("demo").innerHTML = "x 小于等于 5";
}
</script>
</body>
</html>
```
使用switch语句:
```html
<!DOCTYPE html>
<html>
<body>
<p id="demo"></p>
<script>
var day = new Date().getDay();
switch (day) {
case 0:
document.getElementById("demo").innerHTML = "今天是星期日";
break;
case 1:
document.getElementById("demo").innerHTML = "今天是星期一";
break;
case 2:
document.getElementById("demo").innerHTML = "今天是星期二";
break;
case 3:
document.getElementById("demo").innerHTML = "今天是星期三";
break;
case 4:
document.getElementById("demo").innerHTML = "今天是星期四";
break;
case 5:
document.getElementById("demo").innerHTML = "今天是星期五";
break;
case 6:
document.getElementById("demo").innerHTML = "今天是星期六";
break;
}
</script>
</body>
</html>
```