傳智ee就業(yè)168期javascript基礎(chǔ)

北京傳智播客教育JAVASCRIPT基礎(chǔ)

鐵男北京傳智播客教育JavaScript概述Javascript是基于對(duì)象和事件驅(qū)動(dòng)的腳本語(yǔ)言，主要應(yīng)用在客戶端。特點(diǎn)：交互性（信息的動(dòng)態(tài)交互）安全性（不可以直接訪問(wèn)本地硬盤）跨平臺(tái)性（只要是可以解析js的瀏覽器都可以執(zhí)行，和平臺(tái)無(wú)關(guān)）北京傳智播客教育JavaScript與java不同Netscape公司開發(fā)的一種腳本語(yǔ)言，并且可在所有主要的瀏覽器中運(yùn)行IE、Firefox、Chorme、OperaJavaScript是基于對(duì)象的，java是面向?qū)ο驤avaScript只需解析就可以執(zhí)行，而java需要先編譯成字節(jié)碼文件，再執(zhí)行。JavaScript是一種弱類型語(yǔ)言，java是強(qiáng)類型語(yǔ)言。北京傳智播客教育JavaScript語(yǔ)言組成一個(gè)完整JavaScript實(shí)現(xiàn)由以下3個(gè)部分組成核心（ECMAScript）文檔對(duì)象模型（DOM）瀏覽器對(duì)象模型（BOM）

北京傳智播客教育JavaScript與html的結(jié)合方式HTML的<script>標(biāo)簽用于把JavaScript插入HTML頁(yè)面當(dāng)中編寫JavaScript兩種方式：內(nèi)部JS和外部JS內(nèi)部JS程序，在HTML源碼中

<scripttype="text/javascript"> alert(1); </script>外部JS程序，在HTML中引入單獨(dú)的JS程序

<scriptsrc="1.js"></script>

1.js內(nèi)容

alert(2);在引用外部JS的script標(biāo)簽間不能編寫JavaScript代碼Style標(biāo)簽可以放在任意的位置。北京傳智播客教育JavaScript的數(shù)據(jù)類型JavaScript和Java一樣存在兩種數(shù)據(jù)類型原始值（存儲(chǔ)在棧Stack中簡(jiǎn)單數(shù)據(jù)）引用值（存儲(chǔ)在堆heap中對(duì)象）5種原始數(shù)據(jù)類型Undefined、Null、Boolean、Number和StringJavaScript中字符串是原始數(shù)據(jù)類型通過(guò)typeof運(yùn)算符，查看變量類型所有引用類型都是object通過(guò)instanceof運(yùn)算符解決typeof對(duì)象類型判斷問(wèn)題區(qū)分undefined和null

變量定義了未初始化/訪問(wèn)對(duì)象不存在屬性---undefined訪問(wèn)的對(duì)象不存在---null北京傳智播客教育JavaScript的語(yǔ)法種類關(guān)鍵字：被賦予了特殊含義的單詞。標(biāo)示符：用于標(biāo)識(shí)數(shù)據(jù)和表達(dá)式的符號(hào)。（變量、函數(shù)名）注釋：注解說(shuō)明解釋程序。變量：標(biāo)識(shí)內(nèi)存中一片空間，用于存儲(chǔ)數(shù)據(jù)，數(shù)據(jù)是可以變化的。運(yùn)算符：可以讓數(shù)據(jù)進(jìn)行運(yùn)算的符號(hào)。語(yǔ)句：對(duì)程序的運(yùn)行流程進(jìn)行控制的表達(dá)式。函數(shù)：用于對(duì)功能代碼進(jìn)行封裝，便于提高復(fù)用性。數(shù)組：對(duì)多數(shù)據(jù)進(jìn)行存儲(chǔ)，便于操作。對(duì)象：封裝體，既可以封裝數(shù)據(jù)，又可以封裝函數(shù)。北京傳智播客教育JavaScript變量Javascript是采用一個(gè)關(guān)鍵字var來(lái)聲明變量的。Javascript的變量非嚴(yán)謹(jǐn)varx=4;var和；都可以不書寫。Javascript是弱類型的語(yǔ)言，定義的變量什么類型的數(shù)據(jù)都可以賦值。字符串類型中使用’’和””號(hào)都是String類型的數(shù)據(jù)。北京傳智播客教育JavaScript運(yùn)算符Javascript中小數(shù)和整數(shù)都是數(shù)字類型，所以除法中沒(méi)有整數(shù)，會(huì)出現(xiàn)小數(shù)。字符串與數(shù)字相加，是字符串鏈接，如果相減，字符串直接轉(zhuǎn)換成數(shù)字再相減。Boolean類型可以進(jìn)行運(yùn)算，false就是0或者null，非0非空是true，默認(rèn)用1顯示。++--等和java中一樣。北京傳智播客教育JavaScript語(yǔ)句判斷語(yǔ)句中，條件如果直接寫=號(hào)，那就是賦值操作。Switch語(yǔ)句和java中的一樣。For循環(huán)也和java中的一樣，但是要注意定義變量時(shí)使用var，不要寫成java的int。練習(xí)99乘法表北京傳智播客教育JavaScript數(shù)組數(shù)組有兩種定義方式Vararr=[1,2,4];定義一個(gè)數(shù)組，包含三個(gè)元素。Vararr=newArray(5);定義一個(gè)數(shù)組，數(shù)組的長(zhǎng)度是5Vararr=newArray(1,2,4);定義數(shù)組，包含三個(gè)元素?cái)?shù)組有屬性length數(shù)組的長(zhǎng)度是可變的數(shù)組可以存放不同的數(shù)據(jù)類型的數(shù)據(jù)北京傳智播客教育JavaScript函數(shù)函數(shù)定義的格式，關(guān)鍵字function。函數(shù)需要調(diào)用才能執(zhí)行。定義函數(shù)參數(shù)列表時(shí)，不必使用var關(guān)鍵字。Javascript中不存在重載形式。在每個(gè)javascript的函數(shù)中，都存在一個(gè)數(shù)組arguments，用于存儲(chǔ)參數(shù)列表。如果調(diào)用方法時(shí)，忘記了寫()，則會(huì)把函數(shù)對(duì)象的引用傳給接收的變量，而打印出函數(shù)體的內(nèi)容。北京傳智播客教育JavaScript動(dòng)態(tài)函數(shù)和匿名函數(shù)動(dòng)態(tài)函數(shù)是通過(guò)js的內(nèi)置對(duì)象Function，通過(guò)newFunction(參數(shù)1，參數(shù)2)來(lái)創(chuàng)建動(dòng)態(tài)函數(shù)。匿名函數(shù)就是沒(méi)有名稱的函數(shù)，通常是函數(shù)的簡(jiǎn)寫形式。北京傳智播客教育JavaScript全局變量和局部變量全局變量：在<script>標(biāo)簽中間定義的變量，在該標(biāo)簽內(nèi)乃至整個(gè)頁(yè)面都有效。局部變量：在函數(shù)體內(nèi)定義的變量。北京傳智播客教育JavaScript對(duì)象之String對(duì)象String對(duì)象的方法分成兩類，一種是關(guān)于與html有關(guān)的方法。另一種和java中的String相似的方法。自己定義去掉兩邊空格的函數(shù)。北京傳智播客教育JavaScript對(duì)象之Array對(duì)象數(shù)組兩種定義方法：Vararr=[3,4,5];Vararr=newArray(5);一些常用方法：concat()連接兩個(gè)或更多的數(shù)組，并返回結(jié)果。join()把數(shù)組的所有元素放入一個(gè)字符串。元素通過(guò)指定的分隔符進(jìn)行分隔。pop()刪除并返回?cái)?shù)組的最后一個(gè)元素push()向數(shù)組的末尾添加一個(gè)或更多元素，并返回新的長(zhǎng)度。sort()對(duì)數(shù)組的元素進(jìn)行排序北京傳智播客教育JavaScript對(duì)象之Date對(duì)象創(chuàng)建Date對(duì)象：vardate=newDate();常用方法：getDate()

從Date對(duì)象返回一個(gè)月中的某一天(1~31)getDay()

從Date對(duì)象返回一周中的某一天(0~6)getMonth()

從Date對(duì)象返回月份(0~11)getFullYear()

從Date對(duì)象以四位數(shù)字返回年份getTime()

返回1970年1月1日至今的毫秒數(shù)parse()

返回1970年1月1日午夜到指定日期（字符串）的毫秒數(shù)toLocaleString()

根據(jù)本地時(shí)間格式，把Date對(duì)象轉(zhuǎn)換為字符串。toLocaleDateString()

根據(jù)本地時(shí)間格式，把Date對(duì)象的日期部分轉(zhuǎn)換為字符串北京傳智播客教育JavaScript對(duì)象之Math對(duì)象Math對(duì)象中的方法全部是靜態(tài)方法，所以不用new直接調(diào)用即可。常用方法：ceil(x)對(duì)一個(gè)數(shù)進(jìn)行上舍入。floor(x)對(duì)一個(gè)數(shù)進(jìn)行下舍入。round(x)把一個(gè)數(shù)四舍五入為最接近的整數(shù)pow(x,y)

返回x的y次冪random()返回0~1之間的隨機(jī)數(shù)北京傳智播客教育JavaScript對(duì)象之RegExp對(duì)象正則表達(dá)式對(duì)象的兩種寫法(1)varreg=newRegExp(“[0-9]{5}”);(2)varreg=/^[0-9]{5}$/;正則表達(dá)式對(duì)象提供了兩個(gè)方法exec() 如果采用(1)方式，字符串中包含匹配的內(nèi)容會(huì)返回結(jié)果。如果采用(2)方式會(huì)返回nulltest() 如果采用(1)方式，字符串中包含匹配的結(jié)果會(huì)返回true。如果采用(2)方式會(huì)返回false北京傳智播客教育JavaScript全局函數(shù)(global)encodeURI/decodeURI編解碼URI進(jìn)行url跳轉(zhuǎn)時(shí)可以整體使用encodeURIencodeURIComponent/decodeURIComponent編解碼URI組件傳遞參數(shù)時(shí)需要使用encodeURIComponentescape/unescape對(duì)字符串進(jìn)行unicode編碼

escape不編碼字符有69個(gè)：*，+，-，.，/，@，_，0-9，a-z，A-ZencodeURI不編碼字符有82個(gè)：!，#，$，&，'，(，)，*，+，,，-，.，/，:，;，=，?，@，_，~，0-9，a-z，A-ZencodeURIComponent不編碼字符有71個(gè)：!，'，(，)，*，-，.，_，~，0-9，a-z，A-ZisNaN檢查某個(gè)值是否為數(shù)字parseInt/parseFloat解析字符串為整數(shù)/浮點(diǎn)數(shù)eval計(jì)算javascript字符串，并把它作為腳本代碼來(lái)執(zhí)行北京傳智播客教育BOM基礎(chǔ)加強(qiáng)

鐵男北京傳智播客教育瀏覽器對(duì)象BOMDOMWindowDOMNavigatorDOMScreenDOMHistoryDOMLocation

北京傳智播客教育Window對(duì)象Window對(duì)象表示瀏覽器中打開的窗口如果文檔包含框架（frame或iframe標(biāo)簽），瀏覽器會(huì)為HTML文檔創(chuàng)建一個(gè)window對(duì)象，并為每個(gè)框架創(chuàng)建一個(gè)額外的window對(duì)象window.frames返回窗口中所有命名的框架parent是父窗口（如果窗口是頂級(jí)窗口，那么parent==self==top）top是最頂級(jí)父窗口（有的窗口中套了好幾層frameset或者iframe）self是當(dāng)前窗口（等價(jià)window）opener是用open方法打開當(dāng)前窗口的那個(gè)窗口北京傳智播客教育window的openclose練習(xí)北京傳智播客教育windonopener練習(xí)另一個(gè)方案：使用window.showModalDialog方法實(shí)現(xiàn)北京傳智播客教育與對(duì)話框有關(guān)的方法window.alert(String)Booleanwindow.confirm(String)Stringmpt(String)北京傳智播客教育setInterval和setTimeoutsetInterval(code,millisec[,"lang"])setInterval()方法可按照指定的周期（以毫秒計(jì)）來(lái)調(diào)用函數(shù)或計(jì)算表達(dá)式setInterval()方法會(huì)不停地調(diào)用函數(shù)，直到clearInterval()被調(diào)用或窗口被關(guān)閉setTimeout(code,millisec)setTimeout()方法用于在指定的毫秒數(shù)后調(diào)用函數(shù)或計(jì)算表達(dá)式練習(xí)：在頁(yè)面動(dòng)態(tài)顯示當(dāng)前時(shí)間注意：setTimeout()只執(zhí)行code一次。如果要多次調(diào)用，可以讓code自身再次調(diào)用setTimeout()。

北京傳智播客教育setTimeout廣告漂浮<head><scriptlanguage=JavaScript>functionmove(){document.getElementById("layer1").style.left=Math.random()*500+”px”;document.getEleme