JavaScript

JavaScript是一種基於物件和事件驅動的、並具有安全效能的指令碼語言,已經被廣泛用於Web應用開發,常用來為網頁新增各式各樣的動態功能,為使用者提供更流暢美觀的瀏覽效果。通常JavaScript指令碼是通過嵌入在HTML中來實現自身的功能的。

JavaScript特點

1. 是一種解釋性指令碼語言(程式碼不進行預編譯)）。

2. 主要用來向HTML標準通用標記語言下的一個應用）頁面新增互動行為。

3. 可以直接嵌入HTML頁面，但寫成單獨的js檔案有利於結構和行為的分離。

4. 跨平臺特性，在絕大多數瀏覽器的支援下，可以在多種平臺下執行（如Windowsows、Linuxm、Mac、Android、iOS等）。

作用

1.響應客戶端滑鼠和鍵盤事件
2.客戶端頁面表單資料驗證
3.使用JavaScript動態的改變頁面標籤的樣式

聯絡

JavaScript與html,css關係
JavaScript是一種基於物件和事件驅動並具有安全性的解釋性語言，其目的就是增 強Web客戶互動。彌補了HTML的缺陷。

JavaScript的基本結構

<script type="text/javascript">
     程式碼塊
</script>

宣告變數

使用關鍵字Var來宣告變數
var 變數名 = 值
js是弱型別語言

<script type="
 
text/javascript">
            var name = "李明" //宣告變數
            var num = 123;
</script>

資料型別

1、數值型

<script type="text/javascript">
            //數值型 整數,浮點  
            var s = 4.2;
            var sa = 2;
            console.log(typeof(s))  //Double
            console.
 
log(typeof(sa)) // Int
</script>

2、布林型(boolean)

<script type="text/javascript">
            var bol = true;
</script>

3、字串型：
字串"" ‘’ 都表示字串

<script type="text/javascript">
            var s = 'abc'
            var sa = "abc"
            console.log(typeof(s))  // String
            console.log(typeof(sa)) // String
</script>

4、undefined型別

<script type="text/javascript">
    		var a;
			console.log(a)
			if(a==undefined){
				console.log(111)
			}
 </script>

運算子

<script type="text/javascript">
			var num = 5;
			var num1 = 10;
			var str = '5'
			console.log(num+num1) //15 加法 
			console.log(num+str) //55  字串連線
			console.log(num1-str) //5  數值減字串數字,對字串的數字進行了隱性的型別轉換
</script>

比較運算子

<script type="text/javascript">
    	    var num = 5;
			var num1 = 10;
			console.log(num==num1) //true 比較的是值
			console.log(num===num1) //false 比較的是值和型別
</script>

流程控制語句

第一種是選擇結構
1.單一選擇結構（if） 
2.二路選擇結構（if/else）
3.多路選擇結構（switch）
第二種型別的程式控制結構是迴圈結構。
1.由計數器控制的迴圈（for） 
2.在迴圈的開頭測試表達式（while）
3.在迴圈的末尾測試表達式（do/while）

條件語句

if（表述式） 語句段１; else 語句段２；

<script type="text/javascript">
				var a = 10;
				if (true) {
					a = 20;
				} else{
					a=30;
				}
</script>	

多路選擇

基本格式——解決多種條件判斷
switch (e) {
case r1: （注意：冒號) break;
case r2: break;
[default:…]
}

<script type="text/javascript">
				for(var i= 0 ;i<10;i++){
					console.log(i);
					if(i==6){
						continue;
					}
				}
</script>		

迴圈語句for

<script type="text/javascript">
				for(var i= 0 ;i<10;i++){
					console.log(i);
					if(i==6){
						continue;
					}
				}
</script>	

迴圈語句while

<script type="text/javascript">
				var a = 10;
				while(a>10){
					console.log(i);
					a = a-1;
				}
</script>	

迴圈語句do-while

<script type="text/javascript">
				var a = 10;
				do{
					console.log(i);
					a = a-1;
				}
				while(a>10);
</script>