1. 程式人生 > >java學習之路————第三十六天

java學習之路————第三十六天

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

 

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

 

 

 

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類似:注意:運算時true1false0 參加運算與數值運算。

                                                                 若是以字串則還是拼接。

         一個字串和數字相乘則為 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.兩個關鍵字

breakcontinue都是用來控制迴圈的

        

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方法,即以字串的形式輸出。

通過pushpop組合,我們可以模擬出先進後出的資料結構:棧。

通過pushshift組合,我們可以模擬出先進先出的資料結構:佇列。

例:定義一個數組,向陣列中新增五個值,然後分別使用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屬性名)

                            查詢之後,返回值是對應idHTML遠古三

                   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]:天安門