Java Web開發(fā)PPT1第4章 JavaScript基礎(chǔ)_第1頁
Java Web開發(fā)PPT1第4章 JavaScript基礎(chǔ)_第2頁
Java Web開發(fā)PPT1第4章 JavaScript基礎(chǔ)_第3頁
Java Web開發(fā)PPT1第4章 JavaScript基礎(chǔ)_第4頁
Java Web開發(fā)PPT1第4章 JavaScript基礎(chǔ)_第5頁
已閱讀5頁，還剩21頁未讀， 繼續(xù)免費閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進行舉報或認領(lǐng)

文檔簡介

WAHTJavaScript是一種基于對象和事件驅(qū)動的網(wǎng)頁腳本語言。雖然它名字中含有Java，但它與Java是兩種不同的語言，只是語法非常類似。一個完整的JavaScript主要由以下三個部分組成：ECMAScript：

是一種標(biāo)準(zhǔn)的腳本語言規(guī)范，它規(guī)定了JavaScript的基礎(chǔ)語法部分，包括變量和數(shù)據(jù)類型、運算符、邏輯控制語句、關(guān)鍵字和保留字以及對象等BOM：（BrowserObjectModel，瀏覽器對象模型）提供了可獨立于內(nèi)容與瀏覽器進行交互的對象，主要用于管理瀏覽器窗口與窗口之間的通訊DOM：

（DocumentObjectModel，文檔對象模型）是HTML文檔對象模型定義的一套標(biāo)準(zhǔn)方法，用來訪問和操縱HTML文檔。2023/11/18基礎(chǔ)用法JavaScript代碼可以嵌入到HTML的<script>標(biāo)簽中2023/11/18<body><scripttype="text/javascript">alert("Helloworld...")</script></body>HTML中嵌入JS三種方式內(nèi)嵌腳本（不常見）要執(zhí)行的語句寫在標(biāo)簽中內(nèi)部腳本內(nèi)部腳本塊定義在同一頁面的<script>中外部腳本單獨的js文件中，通過src屬性指定嵌入腳本的位置（一般要么在body前，要么在body后，兩者有重大區(qū)別）2023/11/18JavaWeb開發(fā)技術(shù)3JAVASCRIPT基礎(chǔ)語法2023/11/184變量1.定義變量始終使用var2.JS是種動態(tài)類型語言(4-2.html)2023/11/18JavaWeb開發(fā)技術(shù)5，typeof()方法可以查看變量類型對象語法：例如，可以定義一個汽車對象：2023/11/18訪問對象語法：“.”操作符可以連續(xù)：(4-2-2.html)2023/11/18輸出警告框輸出控制臺輸出2023/11/18JavaWeb開發(fā)技術(shù)8輸入提示框輸入2023/11/18JavaWeb開發(fā)技術(shù)9函數(shù)和事件聲明函數(shù)統(tǒng)一用function，無需返回值，形參無需var2023/11/18JavaWeb開發(fā)技術(shù)10事件是使用JavaScript實現(xiàn)網(wǎng)頁特效的靈魂，當(dāng)用戶與瀏覽器交互時會觸發(fā)各類事件4-4.html2023/11/18條件和循環(huán)語法同Java一致，，例如以下函數(shù)使用了for循環(huán)來在控制臺打印數(shù)字0~n-1（n為參數(shù)）2023/11/18JavaWeb開發(fā)技術(shù)12BOM操作2023/11/1813WINDOW對象BOM提供了獨立于內(nèi)容的、可以與瀏覽器窗口交互的一系列對象，其中window對象時整個BOM的核心。由于window對象是全局對象，因此在訪問window對象的方法或?qū)傩詴r，可以省略window對象。2023/11/18JavaWeb開發(fā)技術(shù)14名稱說明alert()警告對話框prompt()提示框confirm()確認框setTimeout()在指定的毫秒數(shù)后調(diào)用函數(shù)setInterval()按照指定的周期循環(huán)調(diào)用函數(shù)定時器window對象中的常用定時器函數(shù)setTimeout()該函數(shù)用于在指定的毫秒數(shù)后調(diào)用函數(shù)或表達式setInterval()setInterval()函數(shù)會在一定周期內(nèi)不停的調(diào)用某一函數(shù)，直到窗口被關(guān)閉或者強制停止clearTimeout()和clearInterval()清除鬧鈴2023/11/18JavaWeb開發(fā)技術(shù)152023/11/18WINDOW對象的常見子對象名稱說明history歷史URL信息location當(dāng)前URL信息document當(dāng)前文檔對象2023/11/18JavaWeb開發(fā)技術(shù)17名稱說明Back()返回上一頁Forward()返回下一頁Go(n)n為整數(shù)，整數(shù)表示前進n個頁面，負數(shù)表示后退n個頁面History對象document對象即是window對象的一部分，也代表了整個頁面（文檔），可用來訪問頁面中的所有元素（頁面元素是一個樹形結(jié)構(gòu)）。2023/11/182023/11/18DOM概述當(dāng)網(wǎng)頁被加載時，瀏覽器會為針對當(dāng)前網(wǎng)頁創(chuàng)建DOM(DocumentObjectModel)該模型為對象的樹結(jié)構(gòu)。2023/11/18JavaWeb開發(fā)技術(shù)20DOM作用通過可編程的對象模型，JavaScript獲得了足夠的能力來創(chuàng)建動態(tài)的HTML。JavaScript能夠改變頁面中的所有HTML元素JavaScript能夠改變頁面中的所有HTML屬性JavaScript能夠改變頁面中的所有CSS樣式JavaScript能夠?qū)撁嬷械乃惺录龀龇磻?yīng)2023/11/18JavaWeb開發(fā)技術(shù)21/htmldom/index.asp節(jié)點節(jié)點：Node——構(gòu)成HTML文檔最基本的單元。2023/11/18DOCUMENT對象原生JavaScript使用document對象操作DOM由于操作繁瑣，實際開發(fā)中一般使用框架（JQuery）2023/11/18JavaWeb開發(fā)技術(shù)23名稱描述write()向頁面寫文本getElementById()根據(jù)元素ID返回該元素的引用getElementsByName()根據(jù)元素name屬性名稱返回對象的集合getElementsByTagName()根據(jù)元素的標(biāo)簽名返回對象的集合操作節(jié)點（查、增、刪、改）2023/11/18JavaWeb開發(fā)技術(shù)24實際開發(fā)中，更普遍的是使用JQuery來操作DOM而很少使用原生的JavaScript來操作DOM總結(jié)JS的難點在于面向?qū)ο螅ㄟ@門課程涉及的不多

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論