前端開發(fā)學(xué)習(xí)重點(diǎn)

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

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

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

4、(單選按鈕女)(按鈕提交)(按鈕重置)玩游戲(復(fù)選框)2).下拉列表元素語法：內(nèi)容內(nèi)容內(nèi)容內(nèi)容3).多行文本框元素語法：具體的內(nèi)容1.13 框架1).框架的基本結(jié)構(gòu)(注意：此時(shí)不能要) 2).框架頁面之間的鏈接第一步：在設(shè)計(jì)好的框架頁面中給每個(gè)部分定義一個(gè)名字； 第二步：設(shè)置導(dǎo)航欄中的超鏈接的target目標(biāo)窗口屬性；鏈接標(biāo)志1.14 分區(qū)元素 和我們經(jīng)常可能需要對頁面的元素進(jìn)行分區(qū)或者分組。比如，如果把頁面分隔為多個(gè)區(qū)域，就可以對這些區(qū)域單獨(dú)的進(jìn)行樣式設(shè)置，這非常有利于頁面的布局?；蛘?，我們可以將一些文本分在一個(gè)組里，然后對這個(gè)組進(jìn)行樣式的定義。分組元素有兩種： 和 。 元素可以把文檔分割為

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

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

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

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

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

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

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

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

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

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

15、所有的元素的字體大小都是12px。 并集選擇器（群組選擇器）當(dāng)幾個(gè)元素樣式屬性一樣時(shí)，可以共同調(diào)用一個(gè)聲明，元素之間用逗號分隔。比如：p, td, li line-height:20px; color:#ff0000; 相鄰選擇器，上述代碼中就會(huì)匹配在ul后面的第一個(gè)p，將段落內(nèi)的文字顏色設(shè)置為紅色。(只匹配第一個(gè)元素)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只匹配第一個(gè)。 否定偽類選擇器 X:not(selector)div:not(#container) color: blue; 否定偽類選擇器用來在匹配元素時(shí)排除某些元素。在上面的例子中，設(shè)定除了id為co

17、ntainer的div元素字體顏色為blue。2.3 CSS盒子模型通常有下面四種書寫方法:property:value1; 表示所有邊都是一個(gè)值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; 四個(gè)值依次表示top,right,bottom,left 方便的記

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

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

20、peat: repeat，attachment: scroll，position: 0% 0% 五、字體(fonts) 字體的屬性如下：font-style:italic;-字體風(fēng)格（斜體，正常體等）font-variant:small-caps;-字體的小型大寫字母的字體顯示font-weight:bold;-字體的粗細(xì)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兩個(gè)值。 六、列表(lists) list的屬性如下:list-style-type:square; (none代表什么都沒有)list-style-position:inside; list-style-image:url(image.gif); 可以縮寫為一句：list-style:square inside url(image.gif);取消默認(rèn)的圓點(diǎn)和序號可以這樣寫list-style:none;, 2.4 浮動(dòng)(float)在div+css中浮動(dòng)分為 左

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

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

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

25、養(yǎng)成寫完每個(gè)屬性值后加上“;”號的好習(xí)慣。比如：body color:#006666; font-size:18px; ID選擇器只能在html文檔中出現(xiàn)一次。在現(xiàn)代布局中，id選擇器常常用于建立派生選擇器。 在一個(gè)div里，如何讓內(nèi)容垂直居中？方式是設(shè)置line-height屬性，屬性值為div的高度。 在ul無序列表里，讓內(nèi)容居左對齊。設(shè)置ul的margin:0px;padding:0px Div如何居中？設(shè)置margin:0 auto;第三章 JavaScript 重點(diǎn)知識3.1 JavaScript文件的引入 嵌入式： 標(biāo)簽可以在頁面上嵌入 標(biāo)簽，并在標(biāo)簽中放置 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 代碼寫入一個(gè)單獨(dú)的文件，并保存為后綴為 js 的文件，然后在html 頁面的 中引用外部的 .js 文件。引用時(shí)，需要在 中添加 標(biāo)簽，并設(shè)置 標(biāo)簽的 “src” 屬性，以指定 js 文件的 url。代碼如下所示：1. 2. 3. 5. 6. 7. 8. 9. 11. 12. 13. 其中，方法metho

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

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

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

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

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

32、據(jù)類型轉(zhuǎn)換函數(shù)除了隱式轉(zhuǎn)換，還可以使用數(shù)據(jù)類型轉(zhuǎn)換函數(shù)來實(shí)現(xiàn)顯式的類型轉(zhuǎn)換。常用的數(shù)據(jù)類型轉(zhuǎn)換函數(shù)有： toString()：轉(zhuǎn)換成字符串，所有數(shù)據(jù)類型均可轉(zhuǎn)換為 string 類型； parseInt()：強(qiáng)制轉(zhuǎn)換成整數(shù)，如果不能轉(zhuǎn)換，則返回 NaN（not a number）； parseFloat()：強(qiáng)制轉(zhuǎn)換成浮點(diǎn)數(shù)，如果不能轉(zhuǎn)換，則返回 NaN typeof()：查詢數(shù)值當(dāng)前類型，返回 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 運(yùn)算符3.5.1 算數(shù)運(yùn)算算數(shù)運(yùn)算符有：加()、 減()、 乘(*) 、除(/) 、余數(shù)(% )，其中， 可以表示減號，也可以表示負(fù)號，如：x=-y；+ 可以表示加法，也可以用于字符串的連接。算數(shù)運(yùn)算符還有遞增() 、遞減()。比如，i+ 相當(dāng)于 i=i+1，i- 相當(dāng)于 i=i-1。3.5.2 關(guān)系運(yùn)算關(guān)系運(yùn)算符主要分為比較運(yùn)算符和相等運(yùn)算符，形成關(guān)系表達(dá)式的值為boolean類型（“true”或“false”）。比較運(yùn)算符用于確定

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

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

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

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

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

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

40、式的值為false時(shí)止。也就是說，do-while語句，無論boolean表達(dá)式是否為true，都先執(zhí)行一次語句塊。3.7. 常用內(nèi)置對象3.7.1 什么是 JavaScript 對象JavaScript 中的所有事物都是對象，比如字符串、數(shù)字、數(shù)組、日期等。對象是擁有屬性和方法的數(shù)據(jù)。比如，我們聲明如下變量：1. var txt = Hello;上述代碼運(yùn)行時(shí)，實(shí)際上已經(jīng)創(chuàng)建了一個(gè) 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() 方法來把文本轉(zhuǎn)換為大寫：1. var message=Hello world!;2. var x=message.toUpperCase();在以上代碼執(zhí)行后，x 的值是：HELLO WORLD!3.7.2 常用內(nèi)置對象因?yàn)镴avaScript 中的所有事物都