1. 運算符
Javascript中的運算符和Java大致相同。
只是運算過程中需要注意幾點:
1, var x = 3120/1000*1000; x = 3120;而不是3000。
2, var x = 2.4+3.6 ; x = 6;而不是6.0
3, var x = “12” + 1; x = “121”; x = “12” – 1 ; x = 11;
加號對於字符串是連接符
4, && || 是邏輯運算符 & |是位運算符。
5, 也支持三元運算符
6, 特殊運算符 typeof : 返回一個操作表達式的數據類型的字符串。
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<h2>JavaScript語言</h2>
1. 算術運算符:+(正)、-(負)、++、--、+(加)、-(減)、*、/(除)、%(取餘)
<script type="text/javascript">
var a = 2345;
a += 10;
//alert( a );//2355
//alert("a="+ a/1000*1000); //2355 **js中沒有整型與浮點,只有number
var a=2.3, b=1.7;
//alert(a+b); //4
//alert(12+1); //13
//alert("12"+1); //121
//alert("12"-1); //11
//在進行算術運算時,true值爲1, false值爲0
//alert(true+1); //2
//alert(true-1); //0
//alert(false+1); //1
//alert(100%3); //1
//alert(100%-3); //1
//alert(-100%3); //-1
var n=3,m;
m=n++;
//alert("n="+n+",m="+m);//4,3
</script>
<br/><br/>
2.關係運算符:==、!=、>、<、>=、<=
<script type="text/javascript">
var x=3;
//alert(x>1); //true
//alert(x!=1); //true
//alert(x==1); //false
//※※※注意一個坑: js中有非0的概念,當判斷變量是否爲某值時,若漏寫一個"="號且值不是0時,永遠是true!
if(x=-1){ //永遠爲true,,跟x原來的值無關
//alert("11111");
}
//外面很多公司強行要求寫判斷"=="的語句時,必須把數值寫在前面,以防該坑。
if(-1==x){
// alert("11111");
}
</script>
<br /><br />
3.邏輯運算符:&(與)、|(或)、!(非)、∧(異或)、&&(條件與)、||(條件或)
<script type="text/javascript">
var c = 5;
//alert( c>2 && c<8); //true
//alert( !(c>2) ); //false
//alert( !c );//false
</script>
<br /><br />
4.位運算符:~(非)、&(與)、|(或)、^(異或)、<<(左移位)、>>(右移位)、>>>(無符號右移位)
<script type="text/javascript">
var c=6;
//alert( c&3 ); //0110 & 0011 ==> 0010 2
// alert( c^123^123); // 6
// alert(c>>>1); //3 無符號右移(左邊補0)
//alert(-6>>>1); //2147483645 無符號右移(左邊補0)
//alert(6>>1); //3 有符號右移(左邊補符號位)
//alert(-6>>1); //-3 有符號右移(左邊補符號位)
</script>
<br /><br />
5.賦值運算符:= 、+=、*=、/=等
<script type="text/javascript">
var x=3;
x *=10;
//alert(x);//30
</script>
<br /><br />
6.條件運算符
<script type="text/javascript">
//alert( x<25 ? 1 : 2);
</script>
<script type="text/javascript">
</script>
</body>
</html>
2.流程控制語句
1. 語句(與Java語句格式相同)
1. 判斷結構(if語句)
注:var x = 3;
if(x==4)//可以進行比較運算。
if(x=4)//可以進行賦值運算,而且可以同樣進行判斷。不報錯。
因爲在Js中0或者null就是false,
非0或者非null就是true(通常用1表示)。
所以if(x=4)結果是true;
可以通過if(4==y)來解決該問題。因爲4=y不會進行判斷,而是會報錯。
2. 選擇結構(switch語句)
與java不同的是:因爲弱類型,也可以對字符串進行選擇。
3. 循環結構(while語句,do…while語句,for語句)。
注:不同的是,沒有了具體數據類型的限制,使用時要注意。
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<h2>JavaScript語言中的流程控制語句</h2>
1.if-else語句
<script type="text/javascript">
/*
var x=10;
//var str;
if(x>5){
str="yes";
}else{
str="no";
}
alert(str); //yes , str是全局變量
*/
</script>
<script type="text/javascript">
/*
//多選一
var x=10;
if(x>2){
alert("222");
}else if(x>3){
alert("33333");
}else if(x>5){
alert("55555");
}else{
alert("0000000");
}
*/
</script>
<br/><br/>
2.switch-case語句
<script type="text/javascript">
/*
var a=1.2;
switch(a){//含break爲 多選一 js中表達式a可以爲任意類型,,而java中只能是:整型、char、jdk1.7後新增的String
case 1:
alert("a");break;
case 1.2:
alert("b");break;
case 3.5:
alert("c");break;
default:
alert("d");
}
*/
</script>
<br/><br/>
3.while循環
<script type="text/javascript">
var i=1;
document.write("<font color='red' size=5>");
while(i<=10){
document.write("i="+i+"<br/>");
i++;
}
document.write("</font>");
</script>
<br/><br/>
4.do-while循環<br/>
<script type="text/javascript">
document.write("<font color='green' size=5>");
var i=1;
do{
document.write("i="+i+"<br/>");
i++;
}while(i<=10);
document.write("</font>");
</script>
<br/><br/>
5.for循環<br/>
<script type="text/javascript">
document.write("<font color='blue' size=5>");
for(var i=1; i<11; i++ ){
if(i%2==0){
continue;
}
document.write("i="+i+"<br/>");
}
document.write("</font>");
</script>
<script type="text/javascript">
</script>
</body>
</html>
打印一個99乘法表
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<style type="text/css">
td.t1{
color: red;
font-weight: 900;
font-family: 華文彩雲;
}
</style>
</head>
<body>
<script type="text/javascript">
document.write("<table>");
for(var i=1;i<=9;i++){
document.write("<tr>");
for(var j=1;j<=i;j++){
if(j==1||j==i||i==9){
document.write("<td class='t1'>");
}else{
document.write("<td>");
}
document.write(j+"*"+i+"="+i*j);
document.write("</td>");
}
document.write("</tr>");
}
document.write("</table>");
</script>
</body>
</html>