【慎思堂】之JS牛腩總結

一 JS基礎

1-定義

Javascript是一種腳本語言/描述語言，是一種解釋性語言。用于開發交互式web網頁，使得網頁和用戶之間實現了一種實時性的、動態的、交互性的關系，使網頁包含更多活躍的元素和更加精彩的內容。

主要用于：表單驗證?

2-特點：

1. 基于對象的語言
2. 簡單性：基干Java基本語句和控制流之上的簡單而緊湊的設計；其次它的變量類型是采然弱類型，并未使用嚴格的數據類型。
3. 安全性：它不允許訪問本地硬盤，并不將數據存入到服務器上，不允許對網絡文檔進行修改和冊滁，只能通過瀏覽器實現信息瀏覽或動態交互．從而有效地防止數據的丟失。
4. 動態性的：采用事件驅動機制，可以直接對用戶或客戶輸入做出相應，無須經過Web服務程序。

二 小知識點

1-JS構架

? ? <script? language =”javascript”? type=”text/javascript”></script>

? ? Language標識語言；type標識類型

定義：變量、數據類型、數組

對象（對象、屬性、方法）、運算符

?

Alter彈出對話框? ;? Prompt彈出輸入框

2-事件處理機制：

事件+處理函數+函數返回值

3-獲取表達式中的文本框的值：

Document.表單名稱.文本框名稱.value

4-控件

單選按鈕：radio

復選按鈕：Checkbox

列表菜單：select

5-結構

順序結構

選擇結構(舉例)：根據用戶名和密碼判斷輸入是否正確

循環結構(要素)：初始值+循環條件+改變初始值

? ? while循環+for循環

三 流程

首先，根據需求分析繪制流程圖，按照流程圖寫程序，后期代碼優化。

1-CSS樣式：

控制頁面顯示。

行內樣式>內嵌樣式>鏈接樣式?

2-代碼優化：

1. 為了復用，把JS代碼單獨放置，后引用
2. 利用數組索引，獲取value值
3. 利用數組循環，判斷是否被選中。
4. 轉義字符:/換行，以實現特殊字符的輸入。
5. 用戶體驗：獲取焦點，選中所有文本

3-小技巧：

建立JS代碼庫

分欄模式：利用“隱藏”+替換圖片

驗證表單：正則表達式+Replace/match

?