11.26(day11)
第一章、JavaScript基本介紹
1.1 JavaScript 簡介
JavaScript:指令碼語言。
1.2 JavaScript 作用
1、操作元素值、屬性
2、實現動畫效果
3、元素的直接操作,刪除、增加。(DOM程式設計)
4、元素的輸入輸出
5、校驗功能
6、操作...
7、...
1.3 JavaScript 組成
ECMAScript(ECMA標準):核心部分,包含基本語法、語句等。
DOM(Document Object Model):操作文件中元素和內容。
BOM(Browser Object Model):操作瀏覽器物件。
1.4 JavaScript 引入方式
1.5 JavaScript 基本語法
1.5.1 變數
關鍵字:var 能接收任意型別的值,可以理解為Object
例如:
1.5.2 資料型別
Undefined:未定義; //定義的值未初始化
Null: //獲取不到值
Undefined是從null中派生出來的一種型別,一般在指令碼中未定義的值會輸出Undefined
Number:
Number型別叫數字型別,可以宣告浮點數、整數
字串: 用單引號或者雙引號引用的值,依然用var宣告
Boolean : 布林值
1.5.3 運算子
+、-、*、/、% ++ 、 --
作用和java的一樣;
邏輯運算子
& | ! && ||
&&(短路與)和&(邏輯與)的區別:
當看到第一個判斷條件為“假”時:
邏輯與& 會繼續判斷。
短路與&& 不會繼續判斷;
1.5.4 基本操作
alert(); 列印
根據ID獲取元素(物件)
Document.getElementById();
第二章、簡單的表單校驗
2.1 案例需求
在提交表單資料的時候,為了減少伺服器被訪問的頻率,我們需要在提交表單之前在網頁中對其中的資料進行校驗。
本案例介紹註冊使用者資訊時對使用者名稱、密碼和郵箱進行校驗。
2.2 相關知識點
1. JS表單提交
Document.getElementById().submit();
2. 關於停止指令碼執行的方式
在指令碼的任意位置直接 return false; 或者直接寫return 預設值就是false
2.3 案例分析
1、在指令碼中獲取每個輸入框的值
2、判斷值是否符合規範
3、如果符合規範通過,不符合禁止提交
實現思路:
1、首先將submit按鈕改為button, 不會提交
2、在或本中正常判斷
3、如果成功可以使用指令碼提交表單
2.4 案例實現
Get提交和Post提交
form 中的method屬性有兩種提交方式:
Get:屬於URL提交,如果有屬性值在表單中,會直接將這些值拼接到請求的URL中
Post提交:會以檔案的形勢提交給服務端,資料會存在於去請求的請求主體中,我們是直接看不見的;
GET
1. 提交有位元組限制,不同瀏覽器傳輸的位元組不同,一般都很小。
2. 所有資料會直接顯示URL中,不安全
3. 所有的資料都會快取到在瀏覽器記錄中,不安全。
POST
1. 會以檔案的形勢提交給服務端,資料會存在於去請求的請求主體中,我們是直接看不見的;
2. 沒有大小限制。
3. 不會快取到瀏覽器記錄中。
第三章 圖片輪播效果