JavaScript語言上機作業(yè).doc

JavaScript語言上機作業(yè)一、JavaScript概述（教材第1章第15頁）1、編寫JavaScript腳本，彈出一個對話框輸出“我喜歡學JavaScript”，并進行測試。2、編寫JavaScript腳本，計算商品的銷售額，并存儲在單獨的add.js文件中，然后在index.html文件中調(diào)用腳本文件，并運行JavaScript程序。二、JavaScript編程基礎(chǔ)（教材第3章第68頁）1、應(yīng)用if條件語句判斷2009年是平年還是閏年，并輸出結(jié)果。2、應(yīng)用switch分支語句輸出系統(tǒng)的當前時間是星期幾，并輸出結(jié)果。3、應(yīng)用while循環(huán)語句將指定的字符串“學習JavaScript很容易！”輸出10次，并且每次輸出的字號逐漸遞增。4、應(yīng)用for循環(huán)語句輸出一年中的月份，并且每個月份要以不同的顏色進行區(qū)分。5、定義一個名為check()的函數(shù)，用來檢測表單中用戶名是否為空。當用戶單擊表單中的“提交”按鈕時，檢索用戶名文本框是否為空，如果為空則彈出提示信息。三、JavaScript常用內(nèi)置對象（教材第4章第83頁）1、應(yīng)用JavaScript的日期對象獲取系統(tǒng)的當前日期和時間，并用中文格式顯示。（提示：可參考例4-1）2、應(yīng)用JavaScript腳本對輸入日期合法性進行判斷。（提示：可參考例3-13）3、編寫JavaScript程序?qū)崿F(xiàn)：檢查字串是否是有效的字串，字串中包含0到9的數(shù)字、英文字母、下劃線、減號、空格均為有效字符，否則為無效字符。4、編寫JavaScript程序?qū)崿F(xiàn)：隨機產(chǎn)生n位字串密碼，且該字串中只能包含0到9的數(shù)字和英文字母。5、編寫JavaScript程序?qū)崿F(xiàn)：用圖像顯示系統(tǒng)日期，如：。6、應(yīng)用Array對象的length屬性獲取已創(chuàng)建的字符串對象的長度，并輸出長度值。（不做）7、應(yīng)用Array對象和Date對象輸出系統(tǒng)的當前日期是星期幾。8、編寫JavaScript程序?qū)崿F(xiàn)：計算器的功能。界面如圖：（選做） 四、事件（教材第5章）1、編寫JavaScript程序?qū)崿F(xiàn)：（1）在頁面加載完成后彈出“歡迎進入本網(wǎng)頁”對話框，在用戶退出頁面后，彈出“謝謝瀏覽”對話框。（2）頁面加載后文本“JavaScript很好學”以“宋體”格式顯示，單擊“確定”按鈕后，彈出一個輸入提示框，當向該提示框中輸入“紅色”并確定后，頁面中的文本以紅色的“黑體”格式顯示。（3）單擊“變換背景”按鈕，動態(tài)改變頁面的背景顏色。（4）利用鼠標的按下和松開事件制作超鏈接的效果，即在文本上按下鼠標時，改變文本的顏色，在文本上松開鼠標時，恢復文本的默認顏色并打開一個新的窗口。（5）當鼠標在圖片上移入和移出時，動態(tài)改變圖片的顯示效果（用CSS濾鏡Alpha屬性）。（6）當鼠標移動到指定的文字時，動態(tài)顯示飛出來的星形標記（通過層），當鼠標移出指定的文字時，隱藏星形標記。（7）當按下鍵盤上的a鍵時，對頁面進行刷新。2、編寫JavaScript程序?qū)崿F(xiàn)：（1）當用戶打開網(wǎng)頁時，在瀏覽器上以固定的大小顯示網(wǎng)頁，當用鼠標拖曳瀏覽器邊框改變其大小時，瀏覽器將恢復原始大小。（2）在網(wǎng)頁中插入一張圖片，在網(wǎng)頁加載時，將圖片縮小成指定的大小顯示，當鼠標移動到圖片上時，圖片恢復成原始大小，當鼠標移出圖片后，圖片又縮小成指定的大小。（3）在網(wǎng)頁中插入一個用戶登錄表單，當用戶選擇頁面中的文本框時，改變文本框的背景顏色為淡藍色，當離開文本框時，文本框的背景顏色恢復為原始狀態(tài)。 （4）在網(wǎng)頁中插入一下拉列表框，當用戶選擇下拉列表框中的顏色時，改變網(wǎng)頁中文本框的字體顏色。（5）輸入一段文字，設(shè)置字幕上下循環(huán)滾動，當字幕到達窗口邊界時，改變字幕的滾動速度。（6）輸入一段文字，設(shè)置字幕向上滾動，并動態(tài)改變其文字顏色。（7）屏蔽在文本框中的復制、剪切操作，設(shè)置頁面中除text類型以外的所有文本內(nèi)容都不能進行選擇操作。五、JavaScript常用文檔對象（教材第6章）1、設(shè)計一個用戶注冊頁面，編寫JavaScript程序?qū)崿F(xiàn)：用戶名的驗證、密碼的驗證、電子郵件的驗證、電話的驗證、電話號碼的驗證、E-mail的驗證。（參見例6-5）2、編寫JavaScript程序?qū)崿F(xiàn)：廣告圖片以多種形式在頁面中顯示。（參見例6-10）六、JavaScript常用窗口對象（教材第7章）1、編寫JavaScript程序?qū)崿F(xiàn)：（1）單擊網(wǎng)頁上的鏈接，打開一個窗口，在此新窗口中顯示指定地址的網(wǎng)頁，新窗口的寬度為300像素、高度為300像素，窗口左上角至屏幕左上角的高度和寬度為200像素和200像素；（2）將上述新窗口置于屏幕的左上角，并將窗口從左到右以隨機的角度進行移動，當窗口的外邊框碰到屏幕的4個邊時，窗口將進行反彈。2、編寫程序?qū)崿F(xiàn)：打開的頁面出現(xiàn)縱向滾動條時，頁面中的內(nèi)容將從上向下進行滾動，滾動到頁面最底端時停止。3、編寫程序?qū)崿F(xiàn)：打開網(wǎng)頁后，在網(wǎng)頁中單擊超鏈接“打開JavaScript習題集”，在屏幕的左上角會彈出相應(yīng)的窗口，并動態(tài)增加窗口的寬度和高度，直到窗口與屏幕可用大小相同為止。4、編寫程序?qū)崿F(xiàn)：在網(wǎng)頁中適時顯示系統(tǒng)日期和時間。5、制作框架網(wǎng)頁，如下圖所示，分為左、中、右三個框架頁，在中間框架網(wǎng)頁中有三個按鈕，分別實現(xiàn)：隱藏右框架網(wǎng)頁、顯示左和右框架網(wǎng)頁、隱藏左框架網(wǎng)頁，并實現(xiàn)左和右框架的滾動條連動。（提示：通過設(shè)置document.body.cols的值控制框架網(wǎng)頁的顯示與隱藏，通過onscroll= parent.frame2.document.body.scrollTop= parent.frame1.document.body.scrollTop設(shè)置滾動條的連動）（選做）七、JavaScript與動態(tài)網(wǎng)頁（參考及FTP上的課件）1、編寫JavaScript程序?qū)崿F(xiàn)：圖像瀏覽器的功能，如下圖2、編寫JavaScript程序?qū)崿F(xiàn)：滾動的友情鏈接。即：圖片串由右向左不斷滾動，當鼠標移入圖片時圖片串停止?jié)L動，單擊某圖片打開相應(yīng)的鏈接，鼠標移開圖片時圖片串繼續(xù)滾動。（選做）3、編寫JavaScript程序?qū)崿F(xiàn)圖