【正文】 onclick的時(shí)候。4. ，頁面內(nèi)有一個(gè)button按鈕，按鈕的value為“你點(diǎn)我啊”。39。39。you entered the image!你的鼠標(biāo)經(jīng)過了這幅畫39。并將title改為你自己的名字。然后把onmouseover改成onclick，保存后刷新頁面，點(diǎn)擊該圖片，體會(huì)一下改變的效果。用JS的術(shù)語來說，當(dāng)一個(gè)img對(duì)象發(fā)生了onMouseOver事件的時(shí)候，則觸發(fā)一個(gè)alert事件。 　選擇D：你是“脫線型”上班族。 　　選擇B：你是“夢(mèng)想型”上班族。當(dāng)用戶單擊A,B,C,D選項(xiàng)對(duì)應(yīng)的按鈕時(shí)，用戶將看到自己的選項(xiàng)對(duì)應(yīng)的測(cè)試答案。比如你單擊姓名，頁面內(nèi)就顯示出你的姓名。3. 創(chuàng)建一個(gè)頁面（其實(shí)你可以在剛才的頁面基礎(chǔ)上進(jìn)行修改）頁面內(nèi)有3個(gè)按鈕。，要求實(shí)現(xiàn)功能為：?jiǎn)螕糇筮叺陌粹o，頁面內(nèi)顯示xx為你報(bào)時(shí)，現(xiàn)在是****報(bào)時(shí)的時(shí)間通過Date（）來顯示。我們今后一段時(shí)間學(xué)習(xí)的就是通過function來實(shí)現(xiàn)各種功能。：button觸發(fā)條件，function運(yùn)行代碼，div顯示結(jié)果。實(shí)驗(yàn)二 Javascript基本功能控件練習(xí)實(shí)驗(yàn)?zāi)康?，?dāng)click它時(shí)會(huì)調(diào)用function，而function中代碼運(yùn)行的結(jié)果會(huì)放在一個(gè)變量里，顯示在一個(gè)div的innerHTML中。另外現(xiàn)在按鈕的標(biāo)題是“郭峰的按鈕”，請(qǐng)把這個(gè)標(biāo)題改為你的按鈕。10. 請(qǐng)打開并編輯《任務(wù)9素材JS頁面+》。然后把a(bǔ)lert（）內(nèi)的文字部分改為中文，比如歡迎您訪問我的頁面，把value=的引號(hào)內(nèi)部分也改成中文，比如你的名字，然后再保存后觀察其變化。請(qǐng)問y的值是多少？每次單擊F5鍵刷新的時(shí)候，y的值都是一樣的么？相關(guān)知識(shí)參考課本P179. 。y+=x。在script中輸入如下內(nèi)容var x=5。 //獲取當(dāng)前時(shí)間( )。 //獲取當(dāng)前毫秒數(shù)(0999)()。 //獲取當(dāng)前分鐘數(shù)(059)()。 //獲取當(dāng)前時(shí)間()()。 //獲取當(dāng)前日(131)()。 //獲取完整的年份(4位,1970????)()。 //將當(dāng)前日期時(shí)間賦值給變量myDate()。下面是一些擴(kuò)展的知識(shí)點(diǎn)，給大家作為參考。只要它能顯示，然后每次F5刷新的時(shí)候它可以更新。幾點(diǎn)幾分由下面的代碼結(jié)合而成?，F(xiàn)在是幾點(diǎn)幾分。要求網(wǎng)頁打開的時(shí)候顯示以下內(nèi)容。比如你的變量名為x那么請(qǐng)讓你的頁面顯示x+Date()的內(nèi)容比如是x=張三為您報(bào)時(shí)，現(xiàn)在是請(qǐng)顯示x+Date()的內(nèi)容。在里面定義一個(gè)變量，變量?jī)?nèi)容為你的姓名。這里的x是一個(gè)自定義的變量。(x)。這個(gè)很有趣，以后每節(jié)課都會(huì)用。一個(gè)是書寫規(guī)范，這個(gè)在P15有介紹，我們建議使用每一行都加分號(hào)并回車換行的方式。我們一般在body中這樣放置一個(gè)id唯一的divdiv id=d1/div(d1).innerHTML=歡迎您訪問我的頁面。我們?yōu)榱四軌虼_保讓程序執(zhí)行結(jié)果顯示在我們指定的位置，一個(gè)最簡(jiǎn)單的方法是：在body中創(chuàng)建一個(gè)div，然后讓它來顯示程序執(zhí)行的結(jié)果。保存后用google瀏覽器打開看效果。想想alert和write的功能各是什么。alert后面是P9的最后一行，但是把 里面的內(nèi)容換成你自己的名字。并把title內(nèi)容改為你自己的名字。在文件夾內(nèi)創(chuàng)建一個(gè)txt文檔。推薦Firefox，google chrome，世界之窗，Internet Explorer等。推薦notepad，Dreamweaver，eclipse，hbuilder等。、不缺席、按時(shí)上、下機(jī)。，得出正確的實(shí)驗(yàn)結(jié)果。4. 根據(jù)實(shí)驗(yàn)內(nèi)容認(rèn)真準(zhǔn)備實(shí)驗(yàn)程序及調(diào)試時(shí)所需的輸入數(shù)據(jù)。初學(xué)者切忌不編寫程序或抄別人的程序去上機(jī)，應(yīng)從一開始就養(yǎng)成嚴(yán)謹(jǐn)?shù)目茖W(xué)作風(fēng)。準(zhǔn)備工作至少包括：。、完成任務(wù)了，而應(yīng)當(dāng)在己通過的程序甚而上作一些改動(dòng)（例如修改一些參數(shù)、增加程序一些功能、改變輸入數(shù)據(jù)的方法等），以觀察和分析所出現(xiàn)的情況。調(diào)試程序固然可以借鑒他人的現(xiàn)成經(jīng)驗(yàn)，但更重要的是通過自己的直接實(shí)踐來累積經(jīng)驗(yàn)，而且有些經(jīng)驗(yàn)是只能意會(huì)難以言傳。要真正掌握這門課程，不僅應(yīng)當(dāng)了解和熟悉有關(guān)理論和方法，還要求自己動(dòng)手實(shí)現(xiàn)即會(huì)編程并上機(jī)調(diào)試通過。能過多次上機(jī)就能自然地、熟練地掌握。二、實(shí)驗(yàn)?zāi)康纳蠙C(jī)實(shí)驗(yàn)的目的不僅是為了驗(yàn)證教材和講課的內(nèi)容，或者驗(yàn)證自己所編寫的程序正確與否。本實(shí)驗(yàn)報(bào)告主要包括學(xué)期內(nèi)各個(gè)實(shí)驗(yàn)的實(shí)驗(yàn)?zāi)康?、?shí)驗(yàn)內(nèi)容、實(shí)驗(yàn)記錄、實(shí)驗(yàn)總結(jié)等，供學(xué)生學(xué)習(xí)記錄，以提高學(xué)習(xí)效率。學(xué)習(xí)Javascript必須理論聯(lián)系實(shí)際，多做上機(jī)練習(xí)?！禞avascript程序設(shè)計(jì)》實(shí)驗(yàn)指導(dǎo)書《Javascript程序設(shè)計(jì)》實(shí)驗(yàn)指導(dǎo)書一、課程性質(zhì)和教學(xué)目的JavaScrip是一種直譯式腳本語言，是一種動(dòng)態(tài)類型、弱類型、基于原型的語言，內(nèi)置支持類型。它的解釋器被稱為JavaScript引擎，為瀏覽器的一部分，廣泛用于客戶端的腳本語言，最早是在HTML（標(biāo)準(zhǔn)通用標(biāo)記語言下的一個(gè)應(yīng)用）網(wǎng)頁上使用，用來給HTML網(wǎng)頁增加動(dòng)態(tài)功能。只有在上機(jī)實(shí)驗(yàn)過程中才能真正學(xué)會(huì)程序設(shè)計(jì)。參加實(shí)驗(yàn)的學(xué)生應(yīng)參照本報(bào)告手冊(cè)的要求，認(rèn)真實(shí)驗(yàn)，如實(shí)填寫實(shí)驗(yàn)數(shù)據(jù)，并對(duì)實(shí)驗(yàn)結(jié)果進(jìn)行分析，闡述實(shí)驗(yàn)中所遇到的問題，提出解決問題的方法。學(xué)習(xí)程序設(shè)計(jì)上機(jī)實(shí)驗(yàn)的目的是：，尤其是一些語法規(guī)定，課堂講授既枯燥無味又難以記憶，但它們都很重要。通過上機(jī)掌握語法是行之有效的方法。即善于發(fā)現(xiàn)程序中的錯(cuò)誤，并且能很快排除這些錯(cuò)誤，使程序能正確運(yùn)行。故應(yīng)給予充分重視。調(diào)試程序的能力是每個(gè)程序設(shè)計(jì)人員應(yīng)當(dāng)掌握的一項(xiàng)基本功。三、上機(jī)實(shí)驗(yàn)前的準(zhǔn)備工作實(shí)驗(yàn)前應(yīng)做好準(zhǔn)備工作，以充分利用有限的上機(jī)時(shí)間。；對(duì)程序中自己有疑問的地方，應(yīng)作上記號(hào)，以便在上機(jī)時(shí)給予注意。（編程題源程序用紙寫好或畫好程序流程圖），上機(jī)時(shí)的工作只能是輸入源程序和調(diào)試修改。實(shí)驗(yàn)結(jié)束后總結(jié)實(shí)驗(yàn)內(nèi)容、書寫實(shí)驗(yàn)報(bào)告。 四、實(shí)驗(yàn)環(huán)境 代碼編寫環(huán)境：可根據(jù)機(jī)房主機(jī)條件自己決定。頁面預(yù)覽環(huán)境：建議學(xué)生及早考慮和適應(yīng)跨瀏覽器自適應(yīng)問題。實(shí)驗(yàn)一 Javascript基本頁面操作實(shí)驗(yàn)?zāi)康?。?shí)驗(yàn)內(nèi)容。xx是你學(xué)號(hào)后兩位。alert內(nèi)容改為你的名字加歡迎標(biāo)語。保存該文檔，并用google瀏覽器查看效果。然后用google瀏覽器打開這個(gè)頁面看效果。，將任務(wù)01的頁面代碼的script中增加alert()。，而將script代碼放在head中。因?yàn)槲覀兛梢钥刂芼iv出現(xiàn)的位置，所以就等于可以控制程序執(zhí)行結(jié)果出現(xiàn)的位置。另一個(gè)是變量。，復(fù)制第一個(gè)頁面的基本代碼，然后把script標(biāo)簽內(nèi)的代碼換成var x=Date()。然后讓頁面顯示這個(gè)變量與Date（）函數(shù)相連接的結(jié)果。7. 。XXX的網(wǎng)頁歡迎你。xxx是你自己的名字。由于這個(gè)時(shí)間是從電腦主機(jī)時(shí)間獲得的，而我們機(jī)房的電腦時(shí)間可能不準(zhǔn)確，所以這個(gè)題目你的時(shí)間顯示錯(cuò)誤時(shí)沒關(guān)系的。就可以了。var myDate = new Date()。 //獲取當(dāng)前年份(2位)()。 //獲取當(dāng)前月份(011,0代表1月)()。 //獲取當(dāng)前星期X(06,0代表星期天)()。 //獲取當(dāng)前小時(shí)數(shù)(023)()。 //獲取當(dāng)前秒數(shù)(059)()。 //獲取當(dāng)前日期var mytime=()。 //獲取日期與時(shí)間8. 。var y=5。(y)。自己輸入其代碼，然后在google瀏覽器中觀察效果。請(qǐng)?jiān)谕瓿蛇@個(gè)頁面之后，把你的代碼和《》的代碼做個(gè)比對(duì)，看看他們的代碼和功能有什么不同。使得它實(shí)現(xiàn)功能為：?jiǎn)螕鬮utton按鈕的時(shí)候，顯示現(xiàn)在的日期時(shí)間。用你自己的名字。，function，div。這里面最重要的是function。實(shí)驗(yàn)內(nèi)容1. 創(chuàng)建頁面，使其實(shí)現(xiàn)功能為：?jiǎn)螕繇撁鎯?nèi)的按鈕時(shí)，頁面上顯示“xx歡迎你的訪問！”。單擊右邊的按鈕，則清空頁面剛才顯示的內(nèi)容。按鈕上分別顯示“姓名”“班級(jí)”“輔導(dǎo)員”當(dāng)你單擊某個(gè)按鈕的時(shí)候，頁面內(nèi)就會(huì)顯示該按鈕對(duì)應(yīng)的內(nèi)容。4. 創(chuàng)建一個(gè)頁面，該頁面中呈現(xiàn)出以下的心理測(cè)試題目。你屬于哪一種上班族？當(dāng)你流落荒島時(shí)，饑寒交迫，你會(huì)以哪種捕食方式快速喂飽自己 　　A、設(shè)計(jì)抓山雞 B、采椰子 　　C、在岸邊捕魚 　D、捕獵野豬 　　 結(jié)果分析： 　　選擇A：你是“打拼型”上班族。 　　　選擇C：你是“聰明型”上班族。 　　實(shí)驗(yàn)三 文本框與函數(shù)參數(shù)傳遞練習(xí)實(shí)驗(yàn)?zāi)康?，來調(diào)用function函數(shù)，并將其結(jié)果顯示在頁面上實(shí)驗(yàn)內(nèi)容：鼠標(biāo)經(jīng)過圖片的時(shí)候會(huì)彈出一句話。，使得鼠標(biāo)經(jīng)過圖片的時(shí)候，圖片會(huì)變成另外一張，而鼠標(biāo)離開的時(shí)候，會(huì)換成原來的圖片。請(qǐng)把以下代碼img src= onmouseover=alert(39。)更換為img src= onmouseover==39。 onmouseout==39。這句代碼的功能是當(dāng)鼠標(biāo)經(jīng)過則圖片換為02，鼠標(biāo)離開時(shí)圖片換回01。要求實(shí)現(xiàn)效果為：當(dāng)單擊該按鈕后，該按鈕上的文字會(huì)顯示為“誰讓你點(diǎn)我的？！”思路：按鈕上顯示的文字就是button的value值。建議：不必照搬課本上的代碼，任務(wù)1的頁面中有可以利用的代碼你盡可以復(fù)制粘貼過來，以節(jié)省時(shí)間。，現(xiàn)在實(shí)現(xiàn)的效果是，該圖片原始引用圖片p1，鼠標(biāo)經(jīng)過這個(gè)圖片和單擊這個(gè)圖片會(huì)彈出提示。6. 要求創(chuàng)建的頁面上有兩個(gè)按鈕，單擊按鈕1出第一個(gè)圖片，單擊按鈕2出第二個(gè)圖片。 實(shí)驗(yàn)四 HTML頁面交互設(shè)計(jì)練習(xí)實(shí)驗(yàn)?zāi)康?。使其?shí)現(xiàn)功能為：當(dāng)點(diǎn)擊按鈕，文本框內(nèi)出現(xiàn)一句話：xx歡迎你訪問本網(wǎng)頁brxx是你自己的名字。要求實(shí)現(xiàn)如下功能：頁面內(nèi)共有三個(gè)文本框。