前端開發(fā)學習重點

1、Web前端開發(fā)知識重點第一章 HTML重點知識1.1 HTML基本格式（括號里面的是注釋） （頭部部分）(可寫可不寫)顯示在瀏覽器標題欄中的標題（主體部分）（頁面內(nèi)容）1.2 標簽中的屬性bgcolor=顏色 （背景顏色） background=圖片的絕對路徑或相對路徑（背景圖片）1.3 標題標簽標題標簽 n取16（設置文字標題）：1) 一級標題2) 二級標題3) 三級標題4) 四級標題5) 五級標題6) 六級標題1.4 文本標簽 要設置的文字1. 顯示小字體 small./small 2. 顯示大字體 big./big 3. 粗體字 b./b 4. 斜體字 i./i 5. 打字機字體 tt.

2、/tt 6. 底線 u./u 7. 刪除線 strike./strike 8. 下標字 sub./sub 9. 上標字 sup./sup 1.5 特殊符號特殊符號代碼空格 大于號()>小于號（）<引號"版權號（）©1.6 行相關標簽l 段落標簽 (段落的對其方式) l 換行標簽 1.7 圖片標簽 (align是用于調(diào)整圖片相對于周圍文本的對其方式)1.8 列表 l 有序列表（序號類型有：1、a、A、I）填寫信息（必須用將內(nèi)容包括起來）填寫信息填寫信息l 無序列表語法（序號類型有：disc(默認值,實心圓點)、circle(空心圓環(huán))、square(空心

3、正方形)）所寫內(nèi)容（必須用將內(nèi)容包括起來）1.9 鏈接標簽 鏈接到其他頁面連接標志 鏈接到本頁面首先創(chuàng)建一個錨鏈接的錨記點：主題名稱然后在具體要鏈接到的地方設置name:（錨記點前面要加上#號） 電子郵件鏈接站長郵箱 (注意不能忘了mailto)1.10 滾動標簽滾動的文字和圖像1.11 表格 基本格式(行)(單元格) 填充、間距屬性cellpadding:內(nèi)容與單元格內(nèi)邊框線的距離（內(nèi)填充） cellspacing：單元格之間的距離（外間距）1.12 表單標簽 基本格式具體的內(nèi)容 表單中的元素 1).元素 (單行文本框)(單行文本框設置密碼)(單選按鈕男)(設置單選按鈕的時候名字一定要一樣)

4、(單選按鈕女)(按鈕提交)(按鈕重置)玩游戲(復選框)2).下拉列表元素語法：內(nèi)容內(nèi)容內(nèi)容內(nèi)容3).多行文本框元素語法：具體的內(nèi)容1.13 框架1).框架的基本結構(注意：此時不能要) 2).框架頁面之間的鏈接第一步：在設計好的框架頁面中給每個部分定義一個名字； 第二步：設置導航欄中的超鏈接的target目標窗口屬性；鏈接標志1.14 分區(qū)元素 和我們經(jīng)?？赡苄枰獙撁娴脑剡M行分區(qū)或者分組。比如，如果把頁面分隔為多個區(qū)域，就可以對這些區(qū)域單獨的進行樣式設置，這非常有利于頁面的布局?；蛘撸覀兛梢詫⒁恍┪谋痉衷谝粋€組里，然后對這個組進行樣式的定義。分組元素有兩種： 和 。 元素可以把文檔分割為

5、獨立的、不同的部分。比如，查看如下代碼： Some text here. This is a header This is a paragraph. Some text here.上述代碼在瀏覽器中的顯示效果如圖10所示（ 元素前后的內(nèi)容會換行，且其中的文本會顯示為綠色）。圖10另一方面，我們也可以使用 元素來分組元素。 元素自身對文檔在瀏覽器中的顯示外觀沒有任何影響，只有對它應用樣式時，它才會產(chǎn)生視覺上的變化。因此，如果句子或者段落的某個部分組要分組，則可以使用 元素。比如，查看如下代碼： This is a paragraph.The following words would be gr

6、een.上述代碼在瀏覽器中的顯示效果如圖11所示（元素中的文本會顯示為綠色）。圖11注意：如果不對 元素應用樣式，那么 元素中的文本與其他文本不會任何視覺上的差異。由圖10和圖11可以看出， 元素用于為塊元素分組，常用于實現(xiàn)頁面布局，而 元素用于為行內(nèi)元素分組，以實現(xiàn)一行內(nèi)不同的樣式設置。1.14 行內(nèi)元素與塊級元素html 元素分為兩種：塊級元素（比如 ）和行內(nèi)元素（比如 ）。在屏幕上顯示時，塊級元素的前面和后面都會自動換行，如同存在換行符一樣，也就是說，默認情況下，塊級元素會獨占一行。例如，、 和 都是塊級元素。在顯示這些元素中間的文本時，都將從新行中開始顯示，其后的內(nèi)容也將在新行中顯示。

7、而內(nèi)聯(lián)元素往往出現(xiàn)在句子里，在瀏覽器中顯示時不會換行。例如，、 等。因此，如果元素是塊級的，則總是在新行上顯示，好比是書中的一個新段落；而元素如果是內(nèi)聯(lián)的，那么只能在當前行中顯示，就像是段落中的一個單詞。塊級元素是網(wǎng)頁上比較大的結構，因此常包含其他塊級元素、內(nèi)聯(lián)元素和文本；而內(nèi)聯(lián)元素一般只能包含其他內(nèi)聯(lián)元素和文本。1.14 HTML注釋在HTML文件里，你可以寫代碼注釋，解釋說明你的代碼，這樣有助于你和他人日后能夠更好地理解你的代碼。注釋可以寫在之間。瀏覽器是忽略注釋的，你不會在HTML正文中看到你的注釋。 1.15 相對路徑(Relative Path)和絕對路徑(Absolute Path

8、)HTML初學者會經(jīng)常遇到這樣一個問題，如何正確引用一個文件。比如，怎樣在一個HTML網(wǎng)頁中引用另外一個HTML網(wǎng)頁作為超鏈接(hyperlink)？怎樣在一個網(wǎng)頁中插入一張圖片？HTML有2種路徑的寫法：相對路徑和絕對路徑。一般相對路徑比較常見，主要介紹之； HTML相對路徑(Relative Path)1. 同一個目錄的文件引用如果源文件和引用文件在同一個目錄里，直接寫引用文件名即可。我們現(xiàn)在建一個源文件info.html，在info.html里要引用index.html文件作為超鏈接。假設info.html路徑是：c:Inetpubwwwrootsitesblablainfo.html假

9、設index.html路徑是：c:Inetpubwwwrootsitesblablaindex.html在info.html加入index.html超鏈接的代碼應該這樣寫：index.html2. 如何表示上級目錄./表示源文件所在目錄的上一級目錄，././表示源文件所在目錄的上上級目錄，以此類推。假設info.html路徑是：c:Inetpubwwwrootsitesblablainfo.html假設index.html路徑是：c:Inetpubwwwrootsitesindex.html在info.html加入index.html超鏈接的代碼應該這樣寫：index.html假設info.h

10、tml路徑是：c:Inetpubwwwrootsitesblablainfo.html假設index.html路徑是：c:Inetpubwwwrootindex.html在info.html加入index.html超鏈接的代碼應該這樣寫：index.html 假設info.html路徑是：c:Inetpubwwwrootsitesblablainfo.html假設index.html路徑是：c:Inetpubwwwrootsiteswowstoryindex.html在info.html加入index.html超鏈接的代碼應該這樣寫：index.html3.如何表示下級目錄引用下級目錄的文件，

11、直接寫下級目錄文件的路徑即可。假設info.html路徑是：c:Inetpubwwwrootsitesblablainfo.html假設index.html路徑是：c:Inetpubwwwrootsitesblablahtmlindex.html在info.html加入index.html超鏈接的代碼應該這樣寫：index.html假設info.html路徑是：c:Inetpubwwwrootsitesblablainfo.html假設index.html路徑是：c:Inetpubwwwrootsitesblablahtmltutorialsindex.html在info.html加入inde

12、x.html超鏈接的代碼應該這樣寫：index.html第二章 CSS重點知識CSS（Cascading Style Sheet）可譯為“層疊樣式表”或“級聯(lián)樣式表”，它定義如何顯示 HTML元素，用于控制網(wǎng)頁的外觀。2.1 CSS樣式表的調(diào)用方式 內(nèi)部樣式：把CSS樣式表放到文檔中： 格式如下： 內(nèi)聯(lián)式：把CSS樣式表寫在HTML對應的標記內(nèi)。格式如下：藍色14號文字 外部樣式：把編輯好的CSS文檔保存成“.CSS”文件，然后在中定義。格式如下： . 從高到低：內(nèi)聯(lián)樣式-外部樣式-內(nèi)部樣式-導入樣式2.2 CSS選擇器分類 類選擇器定義：類選擇器根據(jù)類名來選擇，前面以”.”來命名，如.dem

13、ocolor:#FF0000;使用方法：在HTML中，標記可以定義一個class的屬性來調(diào)用。如 . id選擇器定義：根據(jù)元素ID來選擇元素，具有唯一性。前面以”#”號來標志，如：#democolor:#FF0000; 使用方法：在HTML中，標記可以定義一個id的屬性來調(diào)用。如 . 標簽選擇器定義：HTML頁面是有很多不同的標簽組成，標簽選擇器，則是決定對應標簽采用相應的CSS樣式。使用方法：p font-size:12px; background:#900; color:090; ，頁面里對應的p標記全部應用此樣式。 偽類選擇器(針對超鏈接)一般偽類都只會被應用在鏈接的樣式上，格式如下：a

14、:linkcolor: #000099; -帶有超鏈接的文字顯示的樣式。a:visitedcolor: #000099; -訪問過的超鏈接顯示的樣式。a:hovercolor: #000099; -鼠標放在超鏈接上顯示的樣式。a:active color: #000099;-鼠標按下去是超鏈接顯示樣式。a color: #000099;-標簽選擇器,鏈接的顏色。 后代選擇器（派生選擇器）通過依據(jù)元素在其位置的上下文關系來定義樣式，可以使標記更加簡潔。#demo p color:#ff0000; size:14px; 通用選擇器通用選擇器用*來表示。例如：*font-size: 12px; 表示

15、所有的元素的字體大小都是12px。 并集選擇器（群組選擇器）當幾個元素樣式屬性一樣時，可以共同調(diào)用一個聲明，元素之間用逗號分隔。比如：p, td, li line-height:20px; color:#ff0000; 相鄰選擇器，上述代碼中就會匹配在ul后面的第一個p，將段落內(nèi)的文字顏色設置為紅色。(只匹配第一個元素)ul + p color: red; 子選擇器XYdiv#container ul border: 1px solid black; List Item Child List Item List Item List Item 子選擇器。與后代選擇器X Y不同的是，子選擇器只對X

16、下的直接子級Y起作用。在上面的css和html例子中，div#containerul僅對container中最近一級的ul起作用。從理論上來講X Y是值得提倡選擇器，可惜IE6不支持。兼容瀏覽器：IE7+、Firefox、Chrome、Safari、Opera 相鄰選擇器X Yul p color: red; 相鄰選擇器，與前面提到的X+Y不同的是，XY匹配與X相同級別的所有Y元素，而X+Y只匹配第一個。 否定偽類選擇器 X:not(selector)div:not(#container) color: blue; 否定偽類選擇器用來在匹配元素時排除某些元素。在上面的例子中，設定除了id為co

17、ntainer的div元素字體顏色為blue。2.3 CSS盒子模型通常有下面四種書寫方法:property:value1; 表示所有邊都是一個值value1； property:value1 value2; 表示top和bottom的值是value1,right和left的值是value2 property:value1 value2 value3; 表示top的值是value1，right和left的值是value2，bottom的值是value3 property:value1 value2 value3 value4; 四個值依次表示top,right,bottom,left 方便的記

18、憶方法是順時針：上、右、下、左。具體應用在margin和padding的例子如下： margin:1px 0 2px 5px; 三、邊框(border) 邊框的屬性如下：border-width:1px; -邊框寬度border-style:solid; -邊框樣式（實線，虛線等）border-color:#000; -邊框顏色可以縮寫為一句：border:1px solid #000;（屬性值沒有順序。 ）四、背景(Backgrounds) 背景的屬性如下： background-color:#f00; -背景顏色background-image:url(background.gif); -

19、背景圖片background-repeat:no-repeat;-背景圖片是否重復background-attachment:fixed;-背景圖片是否固定background-position:0 0;-背景圖片位置可以縮寫為一句：background:#f00 url(background.gif) no-repeat fixed 0 0; 語法是：background:color image repeat attachment position; 你可以省略其中一個或多個屬性值，如果省略，該屬性值將用瀏覽器默認值默認值為：color: transparent，image: none，re

20、peat: repeat，attachment: scroll，position: 0% 0% 五、字體(fonts) 字體的屬性如下：font-style:italic;-字體風格（斜體，正常體等）font-variant:small-caps;-字體的小型大寫字母的字體顯示font-weight:bold;-字體的粗細font-size:1em;-字體的大小line-height:140%;-字體的行距font-family:Lucida Grande,sans-serif; -字體系列（宋體，楷體等）可以縮寫為一句：font:italic small-caps bold 1em/140%

21、 Lucida Grande,sans-serif; 注意，如果你縮寫字體定義，至少要定義font-size和font-family兩個值。 六、列表(lists) list的屬性如下:list-style-type:square; (none代表什么都沒有)list-style-position:inside; list-style-image:url(image.gif); 可以縮寫為一句：list-style:square inside url(image.gif);取消默認的圓點和序號可以這樣寫list-style:none;, 2.4 浮動(float)在div+css中浮動分為 左

22、浮動 右浮動 和 清除浮動。 右浮動（float：right）指一個塊元素向右移動，并且空出自己左邊的位置，讓給其他元素，直到碰到包含該塊元素的邊框為止。 左浮動（float：left）指一個塊元素向左移動，讓出它右面的空間，讓別的塊元素顯示。如果浮動元素的高度不同，那么當它們向下移動時可能被其它浮動元素”卡住”。并且只從它下一行的右下角往后排！ 清除浮動（clear：left；clear：right；clear：both）如果不希望別的元素在某個元素的左邊后者右邊，可以使用清除浮動的方式。注：浮動對塊元素和行內(nèi)元素都有效，并且只有在浮動的情況下，瀏覽器才解析行內(nèi)元素的寬和高。2.5 定位(p

23、osition)常見的定位有4種 static（默認的）l Left 和 top 屬性對 static 定位的元素 不生效。l Static 是靠 margin-left 和 margin-top 進行定位的 relative 相對定位所謂相對定位是相對于該元素原先所在位置的左上角定位的，雖然它脫離了標準流，但是它原先的位置不會被占據(jù)。l #spePosition:relative;Left:40px;Top:100px; absolute 絕對定位絕對定位是指：以包含該元素且脫離了標準流的元素為基礎定位的，但是如果沒有父元素（或有父元素，但父元素沒有脫離標準流），則相對于body左上角定位。

24、 fixed 固定定位所謂fixed定位，指的是不管怎樣，總是以視窗左上角為基準定位。 z-index 用于設置對象（div）顯示的時候的層疊順序。.clsz-index：#;#=1 2 3 4 數(shù)字越小，對象越在下邊。2.6 CSS幾個需要注意的細節(jié)： 如果屬性值是若干單詞，則要給值加上引號；比如：pfont-family:Georgia,sans serif,Palatino; CSS語法里不分大小寫，但是元素在調(diào)用id和class是區(qū)分大小寫的。比如：#dividcolor:#FFFF00; size:20px;，調(diào)用時應寫成id=divid，不能寫id=DIVID。class也一樣。

25、養(yǎng)成寫完每個屬性值后加上“;”號的好習慣。比如：body color:#006666; font-size:18px; ID選擇器只能在html文檔中出現(xiàn)一次。在現(xiàn)代布局中，id選擇器常常用于建立派生選擇器。 在一個div里，如何讓內(nèi)容垂直居中？方式是設置line-height屬性，屬性值為div的高度。 在ul無序列表里，讓內(nèi)容居左對齊。設置ul的margin:0px;padding:0px Div如何居中？設置margin:0 auto;第三章 JavaScript 重點知識3.1 JavaScript文件的引入 嵌入式： 標簽可以在頁面上嵌入 標簽，并在標簽中放置 JavaScript

26、代碼，然后在 HTML 元素的事件中調(diào)用它。代碼如下所示：1. 2. 3. 4. function method1() 5. alert(hello in method1.);6. 7. 8. 9. 10. 11. 13. 14. 15. 文件調(diào)用方式：js 文件可以將 JavaScript 代碼寫入一個單獨的文件，并保存為后綴為 js 的文件，然后在html 頁面的 中引用外部的 .js 文件。引用時，需要在 中添加 標簽，并設置 標簽的 “src” 屬性，以指定 js 文件的 url。代碼如下所示：1. 2. 3. 5. 6. 7. 8. 9. 11. 12. 13. 其中，方法metho

27、d2() 是定義在文件 myJs.js 文件中的方法。3.2 JavaScript 基礎語法 注釋在 JavaScript 代碼中，使用 / 實現(xiàn)單行注釋，使用 /* */實現(xiàn)多行注釋。 大小寫敏感JavaScript 是一種區(qū)分大小寫的語言，也就是說，在輸入關鍵字、變量、函數(shù)名以及所有的標識符時，都必須采用一致的字符大小寫形式。3.3 標識符與變量3.3.1 標識符與關鍵字標識符就是一個名字，用于命名變量、函數(shù)、自定義對象等。JavaScript 中合法的標識符的命名規(guī)則和其他許多語言的命名規(guī)則相同，第一個字符必須是字母、數(shù)字、下劃線或者美元符號（$），接下來的字符可以是字母、數(shù)字、下劃線或

28、者美元符號，即數(shù)字不可以作為首字符出現(xiàn)。需要注意的是，標識符不能與 JavaScript 中用于其他用途的關鍵字同名。JavaScript 中保留的特殊關鍵字和其他許多語言類似，如 case、while、for、break等；另外，還包括一些預保留的關鍵字（留作可能的擴展使用），比如 abstract、class、int 等。3.3.2 變量JavaScript 是一種弱類型的語言，因此，在變量聲明時，使用 var 關鍵字即可，不用指定變量的數(shù)據(jù)類型，代碼如下所示：1. var x,y;變量聲明后，可以使用“”操作符為變量賦值，也可以在聲明的同時進行變量初始化。代碼如下所示：1. var x;

29、2. x = 10;3. var y = “aa”;變量聲明時不需要指定數(shù)據(jù)類型，其實際類型以賦值為準。比如上述代碼中，x 為數(shù)值類型，而 y 為字符串類型。沒有初始化的變量則自動取值為 undefined。變量命名同標識符的規(guī)則，且大小寫敏感。3.4 數(shù)據(jù)類型3.4.1 數(shù)據(jù)類型JavaScript 允許使用 3 種基本數(shù)據(jù)類型：數(shù)字、字符串和布爾值；此外，它還支持兩種特殊的數(shù)據(jù)類型 null 和 undefined。除了這些，JavaScript 還支持復合數(shù)據(jù)類型對象，如 Array、Function等。1.string 類型string 類型表示文本，是由Unicode字符、數(shù)字、標點

30、符號組成的序列。一個文本字符串的首尾由一對單引號或雙引號括起，如果有特殊字符，則需要使用轉義符。比如，n 表示換行， 表示斜杠， 表示一個單引號，而“表示一個雙引號。2.number 類型JavaScript 中，所有的數(shù)字都是由浮點型表示的，因此，不區(qū)分整型數(shù)值和浮點型數(shù)值。其中，10 進制的整數(shù)由數(shù)字的序列組成，16進制數(shù)據(jù)前面加上0x，八進制前面加0；而浮點數(shù)可以使用小數(shù)點記錄數(shù)據(jù)，如 3.4，5.6；也可以使用指數(shù)記錄數(shù)據(jù)，如 4.3e23 = 4.3 x 1023。3.boolean 類型數(shù)值數(shù)據(jù)類型和字符串數(shù)據(jù)類型的值都無窮多，而布爾數(shù)據(jù)類型只有兩個值，分別為 true 和fals

31、e。布爾值通常用于語句的流程控制，如：1. if(a=4)2. b = b + 1;3. else4. a = a + 1;在實際運算中，true 表示值1，false 表示值0。3.4.2 數(shù)據(jù)類型的隱式轉換JavaScript 屬于松散類型的程序語言，即變量在聲明時不需要指定數(shù)據(jù)類型，由賦值操作確定數(shù)據(jù)類型。如果表達式中有不同的數(shù)據(jù)類型，在計算過程中會自動進行轉換。隱式轉換的規(guī)則為： 數(shù)字 + 字符串：數(shù)字轉換為字符串 數(shù)字 + 布爾值：true轉換為1，false轉換為0 字符串 + 布爾值：布爾值轉換為字符串true或false 布爾值 + 布爾值：布爾值轉換為數(shù)值1或03.4.3 數(shù)

32、據(jù)類型轉換函數(shù)除了隱式轉換，還可以使用數(shù)據(jù)類型轉換函數(shù)來實現(xiàn)顯式的類型轉換。常用的數(shù)據(jù)類型轉換函數(shù)有： toString()：轉換成字符串，所有數(shù)據(jù)類型均可轉換為 string 類型； parseInt()：強制轉換成整數(shù)，如果不能轉換，則返回 NaN（not a number）； parseFloat()：強制轉換成浮點數(shù)，如果不能轉換，則返回 NaN typeof()：查詢數(shù)值當前類型，返回 string / number / boolean / object； isNaN()：判斷是否為數(shù)值，返回 true/false。例如，typeof(test+3) 返回 string，parseF

33、loat(6.12) 返回 6.12，parseInt(6.12) 返回 6，isNaN(6.12)返回true ，而isNaN(aaa)返回false。3.5 運算符3.5.1 算數(shù)運算算數(shù)運算符有：加()、 減()、 乘(*) 、除(/) 、余數(shù)(% )，其中， 可以表示減號，也可以表示負號，如：x=-y；+ 可以表示加法，也可以用于字符串的連接。算數(shù)運算符還有遞增() 、遞減()。比如，i+ 相當于 i=i+1，i- 相當于 i=i-1。3.5.2 關系運算關系運算符主要分為比較運算符和相等運算符，形成關系表達式的值為boolean類型（“true”或“false”）。比較運算符用于確定

34、兩個值的相對順序，比如“”（大于）,“=”（大于等于）,“=”（小于等于）。需要注意的是，比較運算符的運算數(shù)可以是任意類型的，但是比較運算只發(fā)生在數(shù)字和字符串上。因此，所有不是數(shù)字或者字符串的運算數(shù)將按照隱式規(guī)則進行轉換，然后進行比較。相等運算符用于比較兩個值的大小，如“=”（等于）、“!=”（不等于）、“”（全等）、“！”（不全等）。需要注意的是，雙等號（=）為相等運算符，當且僅當兩個運算數(shù)相等時，它返回 true。需要注意的是，為確定兩個運算數(shù)是否相等，= 運算符會進行類型轉換。比如，2 = “2” 會返回 true。全等號由三個等號表示（=），也用于檢查相等，只是它在檢查相等前，不執(zhí)行類

35、型轉換，即，只有在無需類型轉換運算數(shù)就相等的情況下，才返回 true。比如，2 = “2” 會返回 false，而 2 = 2 才會返回 true。3.5.3 邏輯運算邏輯運算符常用于執(zhí)行布爾代數(shù)，常和比較運算符一起使用，來表示復雜的比較運算。這些運算常涉及多個變量，而且經(jīng)常用于if、while等流程控制語句。邏輯運算符有邏輯與（&）、邏輯或（|）和邏輯非（!）。3.5.4 條件運算符條件運算符又稱“三目”/“三元”運算符，其語法為：1. boolean表達式 ? 表達式1：表達式2上述語句在計算時，先計算 boolean 表達式的值，如果為true，則整個表達式的值為表達式1的值；如果表達式

36、為false，則整個表達式的值為表達式2的值。3.6 流程控制3.6.1. 控制語句語句默認為順序執(zhí)行，可以使用控制語句改變程序的執(zhí)行順序。任何復雜的程序邏輯都可以通過“順序”，“分支”，“循環(huán)”三種基本的程序結構實現(xiàn)。JavaScript 中，分支結構主要有 if 語句和 switch-case 語句；循環(huán)結構主要有for語句、while語句和do-while語句。3.6.2 分支結構 if 語句if語句的語法如下所示：1. 語句0;2. if（邏輯表達式）3. 語句1；4. 語句2；5. 6. 語句3； switch-case 語句switch-case是一種特殊的分支結構，與else i

37、f類似，但其應用面不如else if，只能用于特殊的情況之下， switch-case可以根據(jù)一個整數(shù)值的不同取值，從不同的程序入口開始執(zhí)行。語法如下所示：1. switch(整型表達式) 2. case 整型常量值1: /入口13. 語句1;4. 語句2;5. case 整型常量值2: /入口26. 語句3;7. 8. default: /默認入口9. 語句n;10. 在實際應用中，通常case1、case2、caseN對應完全不同的操作，即： 若表達式的值等于case1，則只執(zhí)行case1后的語句，不會再執(zhí)行case2、caseN等后面的語句。這種情況下可以和break語句配合使用，執(zhí)行完

38、相應語句后即退出switch塊，不繼續(xù)執(zhí)行下面的語句。語法如下所示：1. switch(整型表達式) 2. case 整型常量值1: /入口13. 語句1;4. 語句2;5. break ;6. case 整型常量值2: /入口27. 語句3;8. break ;9. 10. default: /默認入口11. 語句n;12. 3.6.3 循環(huán)結構 for 語句for語句是循環(huán)中最最常用的一種方式。for循環(huán)用于將某個語句或語句塊重復執(zhí)行預定次數(shù)的情形。語法如下：1. for ( 表達式1；表達式2；表達式3 ) 2. 語句塊（循環(huán)體）3. while 語句while語句是循環(huán)的一種常見語法結

39、構，語法如下：1. while(表達式 ) 語句塊；2. while語句的執(zhí)行過程為，首先計算表達式的值，而后進行判斷，若值為true則執(zhí)行語句塊，語句塊執(zhí)行完后再次判斷表達式的值，如果為true則繼續(xù)執(zhí)行語句塊，如此循環(huán)往復，直到表達式的值為false時退出while循環(huán)而執(zhí)行while之后的語句。 do-while 語句do-while語句也是循環(huán)的一種常見語法結構，語法如下：1. do 2. 語句塊3. while( boolean表達式 ) ;do-while語句的執(zhí)行過程為，先執(zhí)行語句塊，再判斷boolean表達式，如果為true則再次執(zhí)行語句塊，如此循環(huán)往復，直到boolean表達

40、式的值為false時止。也就是說，do-while語句，無論boolean表達式是否為true，都先執(zhí)行一次語句塊。3.7. 常用內(nèi)置對象3.7.1 什么是 JavaScript 對象JavaScript 中的所有事物都是對象，比如字符串、數(shù)字、數(shù)組、日期等。對象是擁有屬性和方法的數(shù)據(jù)。比如，我們聲明如下變量：1. var txt = Hello;上述代碼運行時，實際上已經(jīng)創(chuàng)建了一個 JavaScript 字符串對象，字符串對象擁有屬性和方法。比如，可以使用屬性 length 獲取字符串的長度（對于上面的字符串來說，length 的值是 5），也可以使用方法來操作字符串。1、訪問屬性訪問對象屬

41、性的語法是：1. objectNpertyName比如，對于 String 對象，可以使用 length 屬性來查找字符串的長度，代碼如下所示：1. var message=Hello World!;2. var x=message.length;在以上代碼執(zhí)行后，x 的值是12。2、調(diào)用方法還可以通過下面的語法調(diào)用方法：1. objectName.methodName()比如，可以使用 String 對象的 toUpperCase() 方法來把文本轉換為大寫：1. var message=Hello world!;2. var x=message.toUpperCase();在以上代碼執(zhí)行后，x 的值是：HELLO WORLD!3.7.2 常用內(nèi)置對象因為JavaScript 中的所有事物都