奇酷學(xué)院老師html5高級(jí)就業(yè)大講堂h5js課件js文件javascript1第一講

1、JavaScript前世今生為什么學(xué)習(xí)javascriptWeb標(biāo)準(zhǔn)是由一系列規(guī)范組成，由于Web設(shè)計(jì)越來(lái)越趨向于整體化與結(jié)構(gòu)化，此前的Web標(biāo)準(zhǔn)也逐步成為由三大部分組成的標(biāo)準(zhǔn)集： 結(jié)構(gòu)(Structure)、 表現(xiàn)(Presentation) 行為(Behavior)。對(duì)應(yīng)的網(wǎng)站標(biāo)準(zhǔn)也分三方面： 結(jié)構(gòu)化標(biāo)準(zhǔn)語(yǔ)言、 表現(xiàn)標(biāo)準(zhǔn)語(yǔ)言(主要包括CSS) 行為標(biāo)準(zhǔn)。其中，html就是結(jié)構(gòu)，主要存放網(wǎng)頁(yè)一元素；css就是表現(xiàn)，對(duì)元素的樣式進(jìn)行設(shè)置，例如寬度，高度，位置，字體等等；javascript就是行為，對(duì)元素取值，動(dòng)態(tài)的改變等等JavaScript能做什么?校驗(yàn)用戶輸入的內(nèi)容動(dòng)態(tài)地獲取和改變htm

2、l的元素屬性 檢驗(yàn)用戶的瀏覽器 可以創(chuàng)建和讀取cookie （例如 注冊(cè)、登錄的數(shù)據(jù)）可以為html頁(yè)面添加動(dòng)態(tài)內(nèi)容 能響應(yīng)一定的事件 第一講 JavaScript簡(jiǎn)介本講主要內(nèi)容什么是JavaScriptJavaScript的運(yùn)行環(huán)境如何編寫JavaScript程序如何運(yùn)行JavaScript程序2022/9/18什么是JavaScript為什么要有JavaScript語(yǔ)言呢？JavaScript使網(wǎng)頁(yè)和用戶之間實(shí)現(xiàn)了一種實(shí)時(shí)性的、動(dòng)態(tài)的、交互性的關(guān)系，使網(wǎng)頁(yè)包含更多活躍的元素和更加精彩的內(nèi)容2022/9/18JavaScript的特點(diǎn)解釋性代碼不編譯，也就是不用先被翻譯為機(jī)器語(yǔ)言，編寫完后

3、，只要你的電腦裝有瀏覽器，那么就可以直接運(yùn)行。用于客戶端JavaScript不只在瀏覽器里可以運(yùn)行，它還可以在別的地方用到，而且還可作為服務(wù)器端腳本使用。基于對(duì)象DOM（文檔對(duì)象模型）2022/9/18Js組成部分核心（ECMAScript）ECMA（歐洲計(jì)算機(jī)制造商協(xié)會(huì)）JavaScript的核心ECMAScript描述了該語(yǔ)言的語(yǔ)法和基本對(duì)象文檔對(duì)象模型（DOM）DOM描述了處理網(wǎng)頁(yè)內(nèi)容的方法和接口瀏覽器對(duì)象模型（BOM）BOM描述了與瀏覽器進(jìn)行交互的方法和接口2022/9/18BOM（瀏覽器對(duì)象模型）DOM（文檔對(duì)象模型）2022/9/18驗(yàn)證用戶輸入的內(nèi)容有效地組織網(wǎng)頁(yè)內(nèi)容動(dòng)畫顯示20

4、22/9/18JavaScript不能做什么客戶端（client-side）語(yǔ)言，而不是在服務(wù)器上1.JavaScript不允許讀寫客戶機(jī)器上的文件。這是有好處的，因?yàn)槟憧隙ú幌ＭW(wǎng)頁(yè)能夠讀取自己硬盤上的文件，或者能夠?qū)⒉《緦懭胗脖P，或者能夠操作你計(jì)算機(jī)上的文件。唯一的例外是，JavaScript可以寫到瀏覽器的cookie文件，但是也有一些限制。2.JavaScript不允許寫服務(wù)器機(jī)器上的文件。盡管寫服務(wù)器上的文件在許多方面是很方便的（比如存儲(chǔ)頁(yè)面點(diǎn)擊數(shù)或用戶填寫的表單數(shù)據(jù)），但是JavaScript不允許這么做。相反，需要用服務(wù)器上的一個(gè)程序處理和存儲(chǔ)這些數(shù)據(jù)。這個(gè)程序可以是用Perl或

5、PHP等語(yǔ)言編寫的CGI或Java程序。3.JavaScript不能關(guān)閉不是由它自己打開的窗口。這是為了避免一個(gè)站點(diǎn)關(guān)閉其他任何站點(diǎn)的窗口，從而獨(dú)占瀏覽器。4.JavaScript不能從來(lái)自另一個(gè)服務(wù)器的已經(jīng)打開的網(wǎng)頁(yè)中讀取信息。換句話說(shuō)，網(wǎng)頁(yè)不能讀取已經(jīng)打開的其他窗口中的信息，因此無(wú)法探察訪問(wèn)這個(gè)站點(diǎn)的沖浪者還在訪問(wèn)哪些其他站點(diǎn)。2022/9/18JavaScript的運(yùn)行環(huán)境軟件要求瀏覽器同時(shí)安裝chrome開發(fā)工具推薦sublime, webstorm 和 hbuilder2022/9/18如何編寫JavaScript程序JavaScript程序放在那里？ 三個(gè)位置單獨(dú)的Js文件嵌入在H

6、TML的標(biāo)簽中 嵌入在HTML 標(biāo)簽的屬性中2022/9/18單獨(dú)的Js文件文件擴(kuò)展名為.jsJs文件內(nèi)寫程序代碼，如 alert(一個(gè)對(duì)話框);2022/9/18JavaScript每一行的結(jié)束要用分號(hào)標(biāo)注JavaScript區(qū)分大小寫單獨(dú)的Js文件在網(wǎng)頁(yè)中使用引用，如標(biāo)題2022/9/18Src屬性指定要JavaScript程序的位置language屬性指定腳本是用JavaScript語(yǔ)言編寫的Script標(biāo)簽，告訴瀏覽器，這里是一段腳本代碼嵌入在HTML的標(biāo)簽中標(biāo)題2022/9/18注釋：如果瀏覽器不支持JavaScript，那么，中間的代碼不會(huì)在瀏覽器中顯示JavaScript程序代碼嵌入在HTML 標(biāo)簽的屬性中標(biāo)題 點(diǎn)擊我，出現(xiàn)對(duì)話框 2022/9/18Onclick屬性是鼠標(biāo)點(diǎn)擊時(shí)觸發(fā)事件，調(diào)用JavaScript函數(shù)，出現(xiàn)一個(gè)對(duì)話框訪問(wèn)dom元素2022/9/18document.getElementByIddocument.getElementsByNamedocument.getElementsBytagName本講總結(jié)什么是JavaScriptJavaScript的運(yùn)行環(huán)境如何編寫JavaScript程序如何運(yùn)行JavaS