這個培訓公司我是真的服氣，直接不給我們網了，只能自己開個熱點了。

 

前幾天是因為發不了沒網，今天把之前沒法的都補上

 

 

 

12.3

e.

1.display

         可以控制元素是否顯示或者隱藏

         還可以讓塊標籤和行內標籤相互轉換

2.塊標籤/行內標籤

         塊標籤：

                   這個標籤自己獨立佔一行，就算沒有使用換行符，也會自動換行，像我們的div,li,,…

                   塊標籤可以設定寬度和高度。

         行內標籤：

                   不會獨立佔一行，要使用換行符才會換到下一行。        

                   a,span，input………

                   行標籤不能設定寬度和高度屬性        

3.display 三個常用的取值

         none：隱藏該標籤

         inline：以行內標籤的形式展示該元素

         block：以塊標籤的形式展示該元素

         inline-block：行內快標籤：不是獨立佔一行，且可以設定寬高

4.float浮動

         float 屬性可以讓標籤飄起來，飄起來之後可以讓塊標籤都佔在一行去使用，從而更加方便的網頁進行佈局操作

         clear:取消浮動
 

f.列表的樣式

         只需要記住一個  就是去除列表的預設樣式

         設定樣式為：list-style-type:none ;即可去除列表預設樣式

 

12.4

補充學習：HTML實體

>   ：&gt

<       :&lt

空格         &nbsp;-

版權         &copy;

 

1.javascript 是一種由瀏覽器解釋執行的程式語言，執行在js引擎上的（瀏覽器的一部分）。

整個JavaScript由三個部分組成：

         ECMAScript   JavaScript的語法

         BOM         瀏覽器物件模型

         DOM                  文件物件模型

 

2.JavaScript的作用

         a.驗證資料

                   （就是B/S架構的系統，在提交資料的時候，我們可以在前臺將一些沒有意義的資料進行驗證，防止他提交到伺服器中，比如註冊頁面中的，非空驗證，驗證郵箱）

         b.他是ajax的核心技術之一

         c.可以用來做和使用者的互動動作（DOM）

         d.可以獲取瀏覽器的資訊               （BOM）

3.ECMAScript(JavaScript的語法)

         JS是一種弱型別的程式語言

         3.1 在HTML中如何編寫JS程式碼

                   我們可以在一個叫做script標籤裡面去編寫

                            推薦將script標籤寫在body之後

                   我們可以在一個叫做.js的檔案中去編寫，然後通過script標籤引入這個js檔案到當前的專案中。如果script引入了其他的js檔案，那麼在這個script標籤中不能夠再編寫js程式碼。

 

3.2 JavaScript中的資料型別

         一共有2中資料型別

         基本資料型別有6種：

                   字串（String）、

數字(Number)、

布林(Boolean)、

對空（Null）（空值有歷史遺留的問題，在以前認為null值是Object型別，一直沒有修改過來）、

未定義（Undefined）、

js中提供了一個函式可以來獲取這個變數是什麼型別：typeof();

Symbol（新定義的資料型別，代表獨一無二）。

         引用資料型別3種：

                   物件(Object)、陣列(Array)、函式(Function)。    

3.3JavaScript申明變數

         因為JavaScript是一種弱型別的程式語言，在定義變數的時候，它自己會根據變數型別來自己自動轉換，所以在JavaScript中定義變數，統一使用var進行定義。

        

 

12.5

1、分支語句

         JS中分支和java基本上是一樣的，也是有if…switch都有，根據我們的java的經驗，

switch很少使用，所以我們只學習if語句。

         如果if條件中不是沒有定義的值就會預設為true,如果變數是未定義和空值和0會預設為false。

2.運算時應注意的地方：

運算時，java類似：注意：運算時true為1；false為0 參加運算與數值運算。

                                                                 若是以字串則還是拼接。

         一個字串和數字相乘則為 NaN ：代表是一個非數字。

將字串轉換成數值：var  a = “123asdw”;var  b =”124fgf”

                                     輸出：a+b:parseInt(a)+parseInt(b) = 237;

                   （整數字符串）parseInt():在轉換字串的時候  從左往右開始轉換，遇到不可以轉換成數字的字串  立即終止

                   （小數字符串）parseFloat()

3.js中常用的輸出方法

         使用window.alert()   彈出警告框

         使用document.write() 方法將內容寫到HTML 文件中

         使用innerHTML 寫入到HTML元素

         使用console.log() 寫入到瀏覽器的控制檯

                                              

4.js中的迴圈

         for   while   do while

         所有的語法都和java一樣，也可以使用迴圈巢狀

         使用for迴圈，輸出一個九九乘法表

5.兩個關鍵字

break和continue都是用來控制迴圈的

        

break：是結束離他最近那整個迴圈

continue：是結束 離它最近那整個迴圈的一次迴圈

 

6.js中的陣列

         如何定義陣列

         1.第一種定義方式

                   var mycars=new Array();

                   var 陣列的引用=new Array();

         2.第二種定義方法

                   var myCars = new Array(“”,””,””);

                   var 陣列的引用=new Array(“”,””,””);

         3.第三種定義方式

                   var myCars = [“”,””,””];

                   var 陣列的引用=[“”,””,””];

如何給陣列進行賦值：陣列的引用[下標]

 

 

12.6

1.js中陣列常見的API

         刪除陣列的最後一個元素—pop()

         陣列的末尾新增新的元素---push()

         刪除陣列的第一個元素-----shift()

 

直接輸出陣列的引用是呼叫其tostring方法，即以字串的形式輸出。

通過push和pop組合，我們可以模擬出先進後出的資料結構：棧。

通過push和shift組合，我們可以模擬出先進先出的資料結構：佇列。

例：定義一個數組，向陣列中新增五個值，然後分別使用pop遍歷，shift遍歷

2.函式（方法）

         1.如何定義方法

                   function 方法名（引數。。。）{

                            方法體內容

}

         ·1.js中的方法沒有返回值型別

         ·2.js中的方法引數不要寫型別，直接寫引數名

如果呼叫這個方法，需要有返回值就在方法的後面使用return關鍵字。

return 可以返回值，同時結束方法的執行

js中方法的使用，大部分是通過實踐驅動的形式去進行執行的

 

如果在定義變數的時候沒有var，則訪問一次後就會變成全域性變數。

 

 

12.7

1.js無函式的過載

         但是可以通過js中引數陣列來模擬過載

 

 

function add(){

//這個數組裡面他封裝了呼叫這個函式所傳遞的引數

//都會封裝到這個arguments數組裡面

         //arguments

if(arguments.length==2){

 alert(arguments[0]+arguments[1]);

}

  if(arguments.length==3){

alert(arguments[0]+arguments[1]+arguments[2]);

}

}

 

2.DOM文件物件模型

         通過DOM物件，JS可以對頁面做任何操作，如下

                   JavaScript能夠改變頁面中的所有HTML元素

                   JavaScript能夠改變頁面中的所有HTML屬性

JavaScript能夠改變頁面中的所有CSS樣式

JavaScript能夠對頁面中的所有事件作出反應

3.通過DOM提供的方法，查詢頁面元素

         通常使用下面3中方式來對頁面的元素進行查詢

                   3.1通過id找到HTML元素

                            document.getElementById(“元素的id屬性名)

                            查詢之後，返回值是對應id的HTML遠古三

                   3.2 通過標籤名找到HTML元素

                            document.getElementsByTagName(“元素的標籤名”)

                            查詢之後，返回值是對應標籤的一個<陣列>！！

                   3.3通過類名找到HTML元素

                            document.getElementsByClassName(“元素的類名”);

                            查詢之後，返回值是對應標籤的一個<陣列>！！！

4.通過dom來響應事件

         this關鍵字：代表當前被點選的按鈕

         this.innerText:代表當前被點選的按鈕的內容

5.DOM操作

         1.新增節點

                   建立文字

                   document.createElement(“節點的名字”);

 

 

12.10

1.DOM操作

         修改節點

                   replaceChild(new ,old);

2.innerHTML,innerText

         他們不屬於DOM，他們是瀏覽器提供的屬性，一般大部分的瀏覽器都相容上面的2個屬性，通過上面的2個屬性，可以簡化我們的DOM程式設計。

innerHTML:獲取標籤和文字

innerText:獲取文字，不能獲取標籤，寫入的時候會把便籤當成文字寫入

 

2個屬性可以用來拼接字串

 

3.js去修改css樣式

         語法格式為：

                   document.getElementById(“”).style.property=新樣式

         要修改的元素.style.某一個樣式屬性=新的值

         比如  前背景色

         要修改的屬性.style.color = 新的顏色

 

checked屬性：

         true:被選中

         false:沒有選中

 

4.表單驗證

         表單的作用是收集使用者填寫的資料，然後提交給伺服器，在提交給伺服器之前，我們最好在前臺就對錶單的資料進行一下簡單的前端驗證，不應該將所有的資料交給後臺來做，這個增加了後臺的壓力，也增多了前後臺互動的次數，我們儘可能在前臺做的事情，儘量在前臺完成，雖然前臺完成了，後臺還是要做一次驗證。

 

表單在提交的時候，會觸發一個事件，叫做onsubmit

這個事件，決定是否提交給伺服器，如果在這事件後面返回為false則不提交，true則提交給伺服器。

 

5.appendChild

         以前使用它進行追加節點的操作，這個方法除了追加節點還有一個剪下的特性。

 

12.11

1.下拉列表

                   我們的下拉列表預設情況下只能單選，我們可以新增屬性，可以實現多選操作，如何判斷下拉列表是否選中，有一個selected屬性，如果這個屬性值為true，那麼代表就選中了哪一個option.     

                   實現多選，在select中追加屬性multiple為true ，則就可以實現多選了。

2.陣列（多維陣列）

         多維陣列就是數組裡面的元素還是陣列。

         一般常見的就是二維陣列。

 

         如何定義多維陣列

         var  arr = new Array();

                   arr[0] = [“合肥”,”安慶”,”蕪湖”,”六安”];

arr[1] = [“北京”,”故宮”,”天安門”,”中關村”];

         多維陣列如何取值

        

         arr[0][1]:合肥

         arr[1][2]:天安門