位置:电子教程 > JavaScript教程 (如果看不到内容请使用360浏览器) 推荐学习资源
JavaScript 数据类型
JavaScript 对象
JavaScript 函数
JavaScript 作用域
JavaScript 事件
JavaScript 字符串
JavaScript 运算符
JavaScript 比较 和 逻辑运算符
JavaScript 错误 - throw、try 和 catch
当前阅读教程:JavaScript教程 > 条件运算符(三元|三目运算符)
阅读(22555525)      收藏       赞(5685)      分享
上一篇: 逻辑运算符 下一篇: search() 方法使用正则表达式

JavaScript 还包含了基于某些条件对变量进行赋值的条件运算符。

语法

variablename=(condition)?value1:value2

实例

如果变量 age 中的值小于 18,则向变量 voteable 赋值 "年龄太小",否则赋值 "年龄已达到"

voteable=(age<18)?"年龄太小":"年龄已达到";

完整代码

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>小白教程网 2d5.net</title>
</head>
<body>
 
<p>点击按钮检测年龄。</p>
年龄:<input id="age" value="18" />
<p>是否达到投票年龄?</p>
<button onclick="myFunction()">点击按钮</button>
<p id="demo"></p>
<script>
function myFunction()
{
     var age,voteable;
     age=document.getElementById("age").value;
     voteable=(age<18)?"年龄太小":"年龄已达到";
     document.getElementById("demo").innerHTML=voteable;
}
</script>
 
</body>
</html>

效果图

小白教程网www.2d5.net

image.png

上一篇: 逻辑运算符 下一篇: search() 方法使用正则表达式
计算机毕业设计作品网      毕业设计文档网      小程序教程网       毕业设计资料网  |         毕业设计定制QQ:45157718(微信同号)(备注:毕设)