1. 程式人生 > >11.26(day11)

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. 不會快取到瀏覽器記錄中

 

第三章 圖片輪播效果