總體內(nèi)容
1铲觉、運(yùn)算符
2、switch語句
一吓坚、運(yùn)算符
-
1.1撵幽、常見運(yùn)算符
- <1>、算術(shù)運(yùn)算符:
+
(加)礁击、-
(減)盐杂、*
(乘)逗载、/
(除)、%
(求余) - <2>链烈、賦值運(yùn)算符:
=
厉斟、+=
、-=
强衡、*=
擦秽、/=
、%=
- <3>漩勤、條件運(yùn)算符:
==
感挥、===
、>
越败、>=
触幼、<
、<=
究飞、!=
置谦、&&
(而且)、||
(或者)亿傅、!
(否)
- <1>、算術(shù)運(yùn)算符:
-
1.2媒峡、如下面兩個(gè)例子
-
兩數(shù)相加
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>加法運(yùn)算練習(xí)</title> <script type="text/javascript"> window.onload = function () { var input1 = document.getElementById('input1') var input2 = document.getElementById('input2') var button1 = document.getElementById('button1') button1.onclick = function () { var value1 = parseInt(input1.value) var value2 = parseInt(input2.value) alert(value1+value2) } } </script> </head> <body> <input type="text" name="" id="input1">+ <input type="text" name="" id="input2"> <input type="button" name="" value="相加" id="button1"> </body> </html>
提示:
parseInt
把字符串轉(zhuǎn)化為數(shù)字 -
兩數(shù)比較大小
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>兩數(shù)比較大小</title> <script type="text/javascript"> window.onload = function () { var iNum01 = 2; var iNum02 = 8; var sTr; if(iNum01>iNum02){ sTr = '大于'; }else{ sTr = '小于'; } alert(sTr); } </script> </head> <body></body> </html>
-
1.3、特殊的條件運(yùn)算符(
===
),分析:我們?cè)诒容^兩個(gè)數(shù)是否相等的時(shí)候葵擎,一般是 用==
,但是在JavaScript
里面如果兩邊的類型不一樣用==
是會(huì)出問題的丝蹭,我們可以使用===
先判斷兩邊的類型是否一樣,不一樣的話就不用再比較了-
1.4坪蚁、if else 的具體使用
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>swift語句的練習(xí)</title> <style type="text/css"> div{ background: gold; width: 100px; height: 100px; } </style> <script type="text/javascript"> window.onload = function () { var oDiv = document.getElementById('div1'); var oButton = document.getElementById('button1'); // oDiv.style.display 是讀取的標(biāo)簽里寫的display屬性值奔穿,如果沒有寫,這個(gè)值為空 oButton.onclick = function () { if(oDiv.style.display == 'block' || oDiv.style.display == ' '){ oDiv.style.display = 'none'; }else { oDiv.style.display = 'block'; } } } </script> </head> <body> <input type="button" name="" value="切換" id="button1"> <div id="div1"></div> </body> </html>
二敏晤、switch語句:多重 if else
語句可以換成性能更高的 switch
語句
<script type="text/javascript">
window.onload = function () {
var iNow = 4;
switch (iNow){
case 1:
alert(1)
break;
case 2:
alert(2)
break;
default:
alert("前面的都不滿足");
}
}
</script>