八、JavaScript运算符
运算符“=”用于赋值
运算符“+”用于加值
例如:指定变量值,将其值相加。
<!DOCTYPE html>
<html>
<body>
<p>点击按钮计算 x.</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>
function myFunction()
{
y=5;
z=2;
x=y+z;
document.getElementById("demo").innerHTML=x;
}
</script>
</body>
</html>
1、字符串“+”运算符
用于把文本值或字符串变量连接起来,例如:
<!DOCTYPE html>
<html>
<body>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>
function myFunction()
{
txt1="我是字符串的";
txt2="连接符号";
txt3=txt1+txt2;
document.getElementById("demo").innerHTML=txt3;
}
</script>
</body>
</html>
2、使用字符串添加空格,例如:
<!DOCTYPE html>
<html>
<body>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>
function myFunction()
{
txt1="我是字符串的";
txt2="连接符号";
txt3=txt1+" "+txt2;
document.getElementById("demo").innerHTML=txt3;
}
</script>
</body>
</html>
3、字符串跟数字拼接
两个数字相加,返回数字相加的和;如果数字与字符串相加,返回字符串。例如:
<!DOCTYPE html>
<html>
<body>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>
function myFunction()
{
var x=5+8;
var y="5"+6;
var z="Hello"+1;
var demoP=document.getElementById("demo");
demoP.innerHTML=x + "<br>" + y + "<br>" + z;
}
</script>
</body>
</html>
九、JavaScript比较
1、可以使用条件语句中使用比较运算符对值进行比较,然后根据结果采取行动。例如:
if(age < 18) x = “太小”;
代码实例:
<!DOCTYPE html>
<html>
<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>