总体内容
1、运算符
2、switch语句
一、运算符
- 1.1、常见运算符
- <1>、算术运算符：
+(加)、-(减)、*(乘)、/(除)、%(求余) - <2>、赋值运算符：
=、+=、-=、*=、/=、%= - <3>、条件运算符：
==、===、>、>=、<、<=、!=、&&(而且)、||(或者)、!(否)
- 1.2、如下面两个例子
- 两数相加
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>加法运算练习</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把字符串转化为数字
- 两数比较大小
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>两数比较大小</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、特殊的条件运算符(
===),分析：我们在比较两个数是否相等的时候，一般是 用==,但是在JavaScript里面如果两边的类型不一样用==是会出问题的，我们可以使用===先判断两边的类型是否一样，不一样的话就不用再比较了 - 1.4、if else 的具体使用
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>swift语句的练习</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 是读取的标签里写的display属性值，如果没有写，这个值为空 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>
