比较运算符在逻辑语句中使用,以测定变量或值是否相等。
逻辑运算符用于测定变量或值之间的逻辑。
javaScript基于某些条件对变量进行赋值的条件运算符(三目运算符)。
HTML:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>比较运算符</title>
</head>
<body>
<p>测试</p>
<p>点击按钮检测年龄。</p>
年龄:<input value="18" />
<p>是否达到投票年龄?</p>
<button onclick="myFunction()">点我测试</button>
<p ></p>
<script>
function myFunction(){
/* 比较运算符 */
var x=5;
// == 等于
document.getElementById("demo").innerHTML=x==8;//false
document.getElementById("demo").innerHTML=x==5;//true
// === 绝对等于(值和类型均相等)
document.getElementById("demo").innerHTML=x==="5";//false
document.getElementById("demo").innerHTML=x===5;//true
// != 不等于
document.getElementById("demo").innerHTML=x!=8;//true
// !== 不绝对等于(值和类型有一个不相等,或两个都不相等)
document.getElementById("demo").innerHTML=x!=="5";//true
document.getElementById("demo").innerHTML=x!==5;//false
// > 大于
document.getElementById("demo").innerHTML=x>8;//false
// < 小于
document.getElementById("demo").innerHTML=x<8;//true
// >= 大于或等于
document.getElementById("demo").innerHTML=x>=8;//false
// <= 小于或等于
document.getElementById("demo").innerHTML=x<=8;//true
/* 逻辑运算符 */
// 给定 x=6 以及 y=3
// && and (x < 10 && y > 1) 为 true
// || or (x==5 || y==5) 为 false
// ! not !(x==y) 为 true
/* 条件运算符(三目运算符) */
var age,voteable;
age=document.getElementById("age").value;
voteable=(age<18)?"年龄太小":"年龄已达到";
document.getElementById("demo").innerHTML=voteable;
}
</script>
</body>
</html>
运行结果: