JavaScript學習

js中定義變量使用關鍵字是：var(可寫可不寫，因爲js是非嚴謹語言).
例如：

var x="abc"  //賦值字符串類型。
var x=3.1415 //賦值爲小數，數字類型。
var x=true; //賦值爲boolean類型。

alter("x="+x);//這是一個函數，將具體的參數類型通過對話框進行顯示。
例1：
var a = 3;
var b = 4;
alert("a+b="+(a+b));//輸出結果爲7;
alert("a+b="+a+b);//輸出結果爲34(表示字符串相加，so,結果爲34)

例2：

var a1=2.3, b1=3.7;
	alert("a1+b1="+(a1+b1));//輸出結果爲：6.
var a=11,b=9;
  	alert("a+b="+a+b);//輸出結果爲：119.

運算符：

1，算數運算符：(+ - * / ++ --)
例3：
alert(true+1);//輸出結果爲2.
alert("10"-1);//輸出結果爲9.
alert("10"+1);//輸出結果爲101.
alert(true+1);//輸出結果爲2.(js中false代表：0或者null;ture代表：1或者非null)

var a1=2.3, b1=3.7;
	alert("a1+b1="+(a1+b1));//輸出結果爲：6.
var a=11,b=9;
  	alert("a+b="+a+b);//輸出結果爲：119.

2，賦值運算符：(= += -= *= /= %=)
例4：var i=3; i+=2; alert("i="+i); //輸出結果爲5.
3，比較運算符：( > < >= <= != ==)
var a=5;var b=6;alert(a !=b);//輸出結果爲true.
4，邏輯運算符：(& && | ||)
var a = 10; alert(a>5 && a<15);//輸出結果爲true.
5，位運算符：(& ^ >> << >>>)
var a = 10; alert(a<<2);  //輸出結果爲40.
6，三元運算符：(a>b ? ture: false)
例如5：
var a=200;
var b=100; alert(a>b?true : false);//輸出結果爲true.

在JavaScript中可以通過typeof來獲取具體的類型。
例如：

alert(typeof("abc"));//輸出爲string類型.
alert(typeof(2.5));//number
alert(typeof(25));//number

語句介紹：
1，順序結構：()
2，判斷結構：( if else)

var a=5; var b=6;
  	 if(a>b){
  	 	alert("yes");
  	 }else{
  	 	alert("no");  
  	 }
	 //輸出結果爲:no.

3，選擇結構：(switch case)
<script type="text/javascript">
  	var x="a";
  	 switch(x){
  	 	default:
  	 		alert("春天");
  	 		break;//(break;可以省略)
  	 	case "b":
	  	 	alert("夏天");
	  	 	break;
  	 	case "c":
  	 		alert("秋天");
  	 		break;
  	 	case "a":
  	 		alert("冬天");
  	 		break;
  	 }//輸出結果爲:冬天.
  </script>

4，循環結構：(for ,while,do while)

for(var x=0;x<5;x++){
  	document.write("x="+x);//x=0x=1x=2x=3x=4 
  	}

5，其他語句：(break:跳出循環，選擇。continue：用於循壞語句，結束本句循壞，執行下局循壞).

練習：打印九九乘法表.（）

<script type="text/javascript">
  document.write("<table>");	
  for(var x=1;x<=9;x++){
  	for(var y=1;y<=x;y++){
  		document.write("<td>"+y+"*"+x+"="+y*x+"</td>");//x=0x=1x=2x=3x=4 
  			}
  		document.write("</tr>");
  	}	
  	document.write("</table>");
  </script>

沒有導入css代碼打印的效果：
1*1=1 
1*2=2 2*2=4 
1*3=3 2*3=6 3*3=9 
1*4=4 2*4=8 3*4=12 4*4=16 
1*5=5 2*5=10 3*5=15 4*5=20 5*5=25 
1*6=6 2*6=12 3*6=18 4*6=24 5*6=30 6*6=36 
1*7=7 2*7=14 3*7=21 4*7=28 5*7=35 6*7=42 7*7=49 
1*8=8 2*8=16 3*8=24 4*8=32 5*8=40 6*8=48 7*8=56 8*8=64 

1*9=9 2*9=18 3*9=27 4*9=36 5*9=45 6*9=54 7*9=63 8*9=72 9*9=81 

導入css文件內容如下：

table,table td{
	border:#0000ff double 1px;
	width: 600px;
	}

導入css代碼打印的效果：

繼續堅持更新中。。。。。。