Javascript

javascript 在前端網頁中佔有非常重要的地位，可以用於驗證表單，製作特效等功能，它是一種描述語言，也是一種基於物件（Object）和事件驅動並具有安全性的指令碼語言 ，語法同java類似，是一種解釋性語言，邊執行邊解釋。

JavaScript的組成：

1. ECMAScipt 用於描述: 語法，變數和資料型別，運算子，邏輯控制語句，關鍵字保留字，物件。
2. 瀏覽器物件模型（Browser Object Model,BOM）用於同HTML的互動，如彈出一個警示框，詢問框，輸入框…
3. 文件物件模型（Document Object Model,DOM）用於操作HTML的文件節點如滑鼠，鍵盤，的移動按下的觸發事件。

基本語法

<script type="text/javascript">

//Jacascript 語句  <!-- 可將script語句寫入此處，忽略瀏覽器差異！ -->

document.write("初學JavaScript");
document.write("<h1>Hello,Javascript</h1>");

<script>

type=“text/javascript” 在HTML5中可以省略

執行原理

解析HTML標籤和JavaScript然後瀏覽器向伺服器傳送請求包含js的請求頁面，伺服器解析完成後返回包含js的響應頁面給客戶端。
優點：客戶端只需下載一次包含js的頁面，減少不必要的網路通訊，由瀏覽器客戶端執行，減輕伺服器的壓力。

引用方式

1.內部js檔案

<script>  js語句  </script>	

2 外部引入js檔案

<script src='檔案路徑'></script> //通常放入body中頁面內容後面

3 直接寫入到HTML標籤中

<input name="btn" type="button" οnclick="javascript:alert("你好！")">

核心語法

//變數宣告 變數名命名規則同理java可以有 下劃線和美元符號 開頭不能是數字
//js是弱型別語言但區分大小寫，沒有具體的資料型別，由所賦值判斷型別
//不支援不宣告變數直接使用，可以同時宣告多個變數之間用逗號隔開

var 變數名；  或 var 變數名=值；

資料型別

undefined (未定義型別)
null (空型別)
number (數值型別)
String (字串型別)
boolean (布林型別)

typeof(變數名或值)； //返回資料型別

陣列

javascript中陣列也是具有相同資料型別的一個或多個值的集合，使用下標區分陣列張的每一個值，下標從0開始。

var 陣列名=new Array(size);
陣列名[0]=2020; ...[1][2][..size]
var 陣列名=new Array(2020,1213,...);
var 陣列名=[2020,1213...];

javascript中的運算子，邏輯控制，迴圈結構 同理java的使用方式。

註釋

單行註釋： // 註釋內容
多行註釋：/* 註釋內容 */

資料

javascript的關鍵字保留字彙總：點我檢視.

javascript的語法,命名規則,資料型別,常用物件詳解:點我檢視.

javscript程式除錯語法排錯：點我檢視.

javascript常用函式及方法使用：點我檢視.

函式

javascriot常用系統函式：

將原始值轉成數字的函式：
parseInt(“以數字開頭的字串”); 返回一個整數或NaN
parseFloat(“以數字開頭的字串”); 返回一個保留兩位浮點數或NaN
isNaN(a); 判斷a是否為數值型別 是數值為false 不是為true

<script>
	//定義一個javascript函式 也可以加引數函式名（引數1，...）
	function 函式名(){
	//javascript語句
	}
	
	//呼叫函式
	事件名=函式名();
	
</script>

JavaScript中的變數作用域也分級別，同理java就近原則，區域性變數>全域性變數

javascript常用的事件使用方法：點我檢視.

javascript的Window物件:點我檢視.

javascript的Localtion物件：點我檢視.

javscript的History物件: 點我檢視.

javscript的Document物件: 點我檢視.

javascript的定時函式：點我檢視.

javscript的DOM操作: 點我檢視.

javascript的物件導向知識彙總：點我檢視.

其他知識：檢視API.

---

jQuery

jQuery時JavaScript的程式庫之一，是JavaScript物件和實用函式的封裝，它
極大的簡化了程式碼量編寫簡單且跨瀏覽器的相容性。

Jquery的用途

1 訪問和操作DOM元素
2 控制頁面樣式
3 對頁面事件的處理
4 方便使用JQuer外掛
5 與Ajax技術的完美結合

uery的優勢

1 輕量級
2 強大的選擇器
3 出色的DOM封裝
4 可靠的事件處理機制
5 出色的瀏覽器相容
6 隱式迭代
7 豐富的外掛支援

jQuery語法結構

工廠函式： $(); 美元符號等價於jQuery();
選擇器 selector $(); 使用標籤，id,類，後代選擇器選擇一個頁面元素
方法 action(); 比如 click()，mouseover(),mouseout()…

直接上資料---------↓

jQuery的DOM物件和jQuery物件轉換：點我檢視.

jQuery選擇器彙總：點我檢視.

jQuery的事件函式用法：點我檢視.

jQuery的動畫(擴充套件)：點我檢視.

使用jQuery操作DOM知識點: 點我檢視.

使用jQuery操作DOM案例：點我檢視.

表單校驗部分基於Javascript校驗方式：點我檢視.

表單校驗部分基於HTML5新特性校驗方式：點我檢視.

正規表示式內容大全：點我檢視.

常見的表單校驗正規表示式大全：點我檢視.

其他資料：檢視API.

艱苦的把它整理完了 ，不容易！
標註： 本文多數轉載於其他作者資料，在此感謝此文章中轉載的這些原創作者！

---