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

北京傳智播客教育JAVASCRIPT基礎

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

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

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

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

1.js內(nèi)容

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

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

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

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

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

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

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

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

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

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

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

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

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

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