Web前端技術(shù)(JavaScript+jQuery) 課件 任務(wù)2 在頁面上顯示圖書信息_第1頁
Web前端技術(shù)(JavaScript+jQuery) 課件 任務(wù)2 在頁面上顯示圖書信息_第2頁
Web前端技術(shù)(JavaScript+jQuery) 課件 任務(wù)2 在頁面上顯示圖書信息_第3頁
Web前端技術(shù)(JavaScript+jQuery) 課件 任務(wù)2 在頁面上顯示圖書信息_第4頁
Web前端技術(shù)(JavaScript+jQuery) 課件 任務(wù)2 在頁面上顯示圖書信息_第5頁
已閱讀5頁，還剩11頁未讀， 繼續(xù)免費閱讀

下載本文檔

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

文檔簡介

Web前端技術(shù)主講人：林龍健廣東科貿(mào)職業(yè)學(xué)院【知識目標(biāo)】

掌握在Web頁面中嵌入JavaScript腳本的方法；

掌握J(rèn)avaScript注釋；

掌握控制臺的應(yīng)用?！炯寄苣繕?biāo)】

能夠根據(jù)需求選擇合適的方法在Web頁面中嵌入JavaScript；

能夠根據(jù)需要在JavaScript代碼添加注釋；

能夠利用瀏覽器的控制臺查看輸出的數(shù)據(jù)以及JavaScript報錯信息?！舅刭|(zhì)目標(biāo)】

培養(yǎng)學(xué)生良好的代碼注釋習(xí)慣；

培養(yǎng)學(xué)生發(fā)現(xiàn)問題、分析問題能力；

增強(qiáng)學(xué)生的法律意識。教學(xué)目標(biāo)知識導(dǎo)圖JavaScript的使用方法（1）行內(nèi)式該種方法是把單行或少量的JavaScript代碼寫在HTML標(biāo)簽的事件屬性中，如單擊事件、雙擊只事件等。（2）內(nèi)嵌式該種方法是把JavaScript代碼寫在<script>與</script>標(biāo)簽之間，<script>標(biāo)簽通常放在<head>，當(dāng)然也可以放在<body>標(biāo)簽中，內(nèi)嵌式是最常使用的方式。（3）鏈接式把JavaScript代碼寫在一個單獨的文件中(文件的擴(kuò)展名為“.js”),然后在HTML頁面中使用<script>標(biāo)簽把該JS文件引入進(jìn)來，該種方法適合JavaScript代碼比較多的情況。（4）通過偽協(xié)議使用JavaScript除了使用上述的3種方法，還可以使用偽協(xié)議引入JavaScript腳本代碼，在實際的項目開發(fā)中，不推薦使用這種方式，但在某些特殊的情況下會使用。具體格式如下。javascript:腳本代碼JavaScript注釋（1）JavaScript單行注釋在JavaScript開發(fā)的過程中，通過注釋可以對代碼進(jìn)行解釋說明，能夠增強(qiáng)代碼的可讀性，當(dāng)然也可以使用注釋屏蔽代碼的執(zhí)行。單行注釋以//開頭，任何位于//與行末之間的文本都會被JavaScript忽略。<script>//向頁面輸出HelloWorld!document.write(“HelloWorld!”);</script>（1）注釋用于解釋說明（2）注釋用于屏蔽JavaScript代碼<script>//console.log(‘好好學(xué)習(xí)’)console.log(‘天天向上’)</script>（2）JavaScript多行注釋多行注釋以/*開頭，以*/結(jié)尾，任何位于/*和*/之間的文本都會被JavaScript忽略。<script>/*彈窗輸出HelloWorld!在控制臺輸出HelloWeb!*/document.write(“HelloWorld!”);console.log(“HelloWeb!”);</script>提示：在VisualStudioCode開發(fā)工具中，可以使用快捷鍵對當(dāng)前選中的行添加注釋或取消注釋，單行注釋使用快捷鍵【Ctrl+/】,多行注釋使用快捷鍵【Shift+alt+a】?？刂婆_的使用（1）打開控制臺控制臺是現(xiàn)代瀏覽器中的內(nèi)置調(diào)試器，Web開發(fā)人員經(jīng)常會使用console.log()語句向控制臺打印消息，或者通過控制臺查看JavaScript運行產(chǎn)生的錯誤信息。方法一：快捷鍵F12方法二：組合鍵CTRL+SHIFT+I方法三：網(wǎng)頁內(nèi)右擊，然后選擇“檢查”或“審核元素”（2）在控制臺中打印消息【案例】在控制臺輸出字符串“千里之行始于足下”（3）在控制臺查看JavaScript錯誤信息在JavaScript開發(fā)的過程中，如果縮寫的JavaScript代碼有錯誤，則錯誤信息將會在控制臺輸出,例如以下代碼。<script>document.wirte(“千里之行始于足下”);</script>【案例】在頁面輸出字符串“千里之行始于足下”在上述代碼中，代碼document.write

溫馨提示

  • 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)方式做保護(hù)處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論