理解動(dòng)態(tài)HTML-客戶端腳本語(yǔ)言_第1頁(yè)
理解動(dòng)態(tài)HTML-客戶端腳本語(yǔ)言_第2頁(yè)
理解動(dòng)態(tài)HTML-客戶端腳本語(yǔ)言_第3頁(yè)
理解動(dòng)態(tài)HTML-客戶端腳本語(yǔ)言_第4頁(yè)
理解動(dòng)態(tài)HTML-客戶端腳本語(yǔ)言_第5頁(yè)
已閱讀5頁(yè)，還剩4頁(yè)未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

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

文檔簡(jiǎn)介

理解動(dòng)態(tài)HTML——用Javascript來(lái)裝扮自己的“家園”江蘇省太湖高級(jí)中學(xué)信息技術(shù)組張英姿動(dòng)態(tài)HTML的核心技術(shù)動(dòng)態(tài)HTMLJavaScriptVBScript(客戶端腳本語(yǔ)言）DOM(文件目標(biāo)模塊）LayersCSS(層疊樣式表）JavaScript

VBScript(客戶端腳本語(yǔ)言）什么是客戶端腳本語(yǔ)言客戶端腳本語(yǔ)言是指可以直接對(duì)客戶端進(jìn)行編寫并使頁(yè)面發(fā)生動(dòng)態(tài)變化的腳本語(yǔ)言。最常用的開發(fā)動(dòng)態(tài)網(wǎng)頁(yè)的客戶端腳本語(yǔ)言：JAVASCRIPT和VBSCRIPT。什么是JAVASCRIPTJavaScript是一種面向?yàn)g覽器的網(wǎng)頁(yè)腳本編程語(yǔ)言，是Netscape公司推出的一種提高網(wǎng)頁(yè)頁(yè)面交互性的方法。JavaScript腳本可以被嵌入HTML文件之中，無(wú)須經(jīng)過編譯即可在瀏覽器中運(yùn)行。<html><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"><title>新建網(wǎng)頁(yè)2</title></head><bodybgcolor="#CCFF99"><scriptlanguage=javascript>alert("你的網(wǎng)頁(yè)出錯(cuò)，請(qǐng)關(guān)閉網(wǎng)頁(yè)，并重啟計(jì)算機(jī)！")</script><palign="center">

</p><palign="center">

</p><palign="center">

</p><palign="center"><b><fontsize="5"color="#008000">歡迎來(lái)到動(dòng)物聯(lián)盟，讓我們一起動(dòng)手來(lái)裝扮我們的動(dòng)物聯(lián)盟“家園”吧！</font></b></p><palign="right"><fontsize="5"color="#008000"><b><ahref="main.htm">下一頁(yè)</a></b></font></p><palign="center"><br></p></body></html><scriptlanguage=“javascript”>alert("你的網(wǎng)頁(yè)出錯(cuò)，請(qǐng)關(guān)閉網(wǎng)頁(yè)，并重啟計(jì)算機(jī)！")</script><Script>……</Script>任務(wù)探究一基礎(chǔ)任務(wù)：觀察“index.htm”頁(yè)面中哪段是JavaScript的代碼？

總結(jié)JavaScript客戶端腳本語(yǔ)言嵌入到HTML頁(yè)面中時(shí)，所使用的標(biāo)簽；<Scriptlanguage=“javascript”>//javascript語(yǔ)句</Script>探究任務(wù)：如何在HTML頁(yè)面中加入JavaScript代碼并自己動(dòng)手試一試能否在網(wǎng)站的其他頁(yè)面中實(shí)現(xiàn)這個(gè)效果。

<Scriptlanguage=“javascript”>alert(“歡迎來(lái)到動(dòng)物聯(lián)盟”)</script>基礎(chǔ)任務(wù)：將鼠標(biāo)跟隨效果的源代碼復(fù)制到“main.htm"<body></body>之間。<scriptlanguage=javascript>varimage="images/helpor.gif"varnewtop=15varnewleft=15if(navigator.appName=="Netscape"){layerStyleRef="layer.";layerRef="document.layers";styleSwitch="";}……</script>探究任務(wù)：以相鄰的兩位同學(xué)為一個(gè)小組，共同探究修改JavaScript代碼的方法，并相互交流。找出修改跟隨圖片的方法，找出修改JavaScript代碼的基本方法。任務(wù)探究二varimage="images/helpor.gif"基本任務(wù)：在“javascript效果代碼”中選擇一個(gè)適當(dāng)難度的特效加入到網(wǎng)頁(yè)中，并根據(jù)實(shí)際需要修改代碼瀏覽器的狀態(tài)欄里的歡迎語(yǔ)

難度：★定義問候語(yǔ)

難度：★★旋轉(zhuǎn)文字

（修改文字的位置）

難度：★★★提高任務(wù)：登陸相關(guān)網(wǎng)站選擇你喜歡的特效加入到網(wǎng)頁(yè)中，并根據(jù)實(shí)際需要修改代碼任務(wù)探究三調(diào)用JavaScript文件擴(kuò)展名為.js<scriptlanguage=“javascript”src=“*.js”></script>掌握J(rèn)avaScript嵌入HTML

溫馨提示

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

最新文檔

評(píng)論

0/150

提交評(píng)論