web程序設(shè)計(jì)實(shí)驗(yàn)六_第1頁
web程序設(shè)計(jì)實(shí)驗(yàn)六_第2頁
web程序設(shè)計(jì)實(shí)驗(yàn)六_第3頁
web程序設(shè)計(jì)實(shí)驗(yàn)六_第4頁
web程序設(shè)計(jì)實(shí)驗(yàn)六_第5頁
已閱讀5頁，還剩6頁未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

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

文檔簡介

《web開發(fā)基礎(chǔ)》試驗(yàn)報告PAGE11實(shí)驗(yàn)六Javascript語法練習(xí)學(xué)號:092715206姓名:崔兆文1.1實(shí)驗(yàn)?zāi)康膶W(xué)習(xí)Javascript基本語法；學(xué)習(xí)Javascript變量定義及使用；學(xué)習(xí)Javascript流程控制方法if...else...,while，for，switch...case...；學(xué)習(xí)方法的定義functionmethodName(var1，,...){...}；學(xué)習(xí)document.write(),alert()的使用；學(xué)習(xí)document獲取文本信息的方法。學(xué)習(xí)Javascript內(nèi)置對象Date的使用。1.2實(shí)驗(yàn)要求請完成實(shí)驗(yàn)并將實(shí)驗(yàn)過程寫在下面的實(shí)驗(yàn)內(nèi)容部分，每題要求給出題目、源代碼（帶必要的注釋）以及程序運(yùn)行效果截圖。1.3實(shí)驗(yàn)內(nèi)容題1：在頁面顯示如下圖形。源代碼：<html> <head> <metacharset="UTF-8"> <title></title> </head> <body> </body></html><script>for(vari=0;i<3;i++){for(vark=0;k<=2-i;k++){document.write(" ");}for(varj=1;j<=i+1;j++){document.writeln("*");document.write(" ");}document.writeln("<br/>");}for(vari=0;i<2;i++){for(vark=0;k<=i+1;k++){document.write(" ");}for(varm=0;m<2-i;m++){document.writeln("*");document.write(" ");}document.writeln("<br/>");}</script>運(yùn)行效果截圖：題2：屏幕上給出文本框用于輸入圓形半徑，計(jì)算按鈕用于彈出窗口顯示計(jì)算的面積。提示：自己查閱javascript的prompt（）函數(shù)，并利用其完成該題。源代碼：<!DOCTYPEhtml><html> <head> <metacharset="UTF-8"> <title></title> </head><body> <divid=""> 請輸入圓的半徑： <inputtype="text"id="rad"/> <buttononclick="getarea()">計(jì)算</button> </div> </body></html><scripttype="text/javascript"> functiongetarea(r){ varr=document.getElementById("rad").value; vararea=r*r*3.14; alert("圓的面積為："+area); }</script>運(yùn)行效果截圖：題3：使用去確認(rèn)對話框提問“你是否來過重慶？”，如果點(diǎn)擊“確認(rèn)”，用警告對話框輸出“你也認(rèn)為重慶很美麗吧！”；如果點(diǎn)擊“取消”，用警告對話框輸出“歡迎你到重慶來旅游！”源代碼：<!DOCTYPEhtml><html> <head> <metacharset="UTF-8"> <title></title> </head> <body> </body></html><scripttype="text/javascript"> varresult=confirm("你是否來過重慶？"); if(result){ alert("你也認(rèn)為重慶很美麗吧！"); } else{ alert("歡迎你來重慶旅游！"); }</script>運(yùn)行效果截圖：圖1.確認(rèn)對話框圖2.點(diǎn)擊確認(rèn)圖3.點(diǎn)擊取消題4：通過體提示消息框輸入任意一個整數(shù)xxx，求該整數(shù)的階乘，并將結(jié)果通過警告對話框顯示出來。提示：對輸入的數(shù)要進(jìn)行判斷。（可參考javascript完全手冊中的函數(shù)parseInt）源代碼：<!DOCTYPEhtml><html> <head> <metacharset="UTF-8"> <title></title> </head> <body> </body></html><scripttype="text/javascript"> varx=prompt("輸入任意一個整數(shù)"); if(/(^[1-9]\d*$)/.test(x)) { for(vari=x-1;i>1;i--){ x=x*i; } alert(x); } elsealert("你輸入的不是正整數(shù)"); </script>運(yùn)行效果截圖：圖1.提示框圖2.輸入整數(shù)“6”點(diǎn)擊確定圖3.輸入不是整數(shù)圖4.提示不是整數(shù)思考題：在文本框分別輸入兩個數(shù)，實(shí)現(xiàn)兩個數(shù)的+、-、*、/運(yùn)算，點(diǎn)擊“=按鈕將”結(jié)果顯示在文本框中。界面設(shè)計(jì)可參考下圖。注意對文本框輸入的數(shù)據(jù)是否是數(shù)字要進(jìn)行判斷。運(yùn)行界面設(shè)計(jì)參考如下：源代碼：第一種方法：使用eval()函數(shù)（參考了網(wǎng)上教程）注：通過input中type類型為number限制輸入必須為數(shù)字<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title></title></head><body><p>請輸入兩個數(shù)進(jìn)行簡單計(jì)算</p><inputtype="number"id="num1"><selectname=""id="symbol"><optionvalue="+">+</option><optionvalue="-">-</option><optionvalue="*">*</option><optionvalue="/">/</option></select><inputtype="number"id="num2"><inputtype="button"value="="id="result"><inputtype="text"id="showResult"><script>(function(){varn1=document.getElementById('num1'),n2=document.getElementById('num2'),s=document.getElementById('symbol'),rs=document.getElementById('result'),sr=document.getElementById('showResult');rs.onclick=function(ev){sr.value=eval(n1.value+s.value+n2.value);};})();</script></body></html>第二種方法：使用函數(shù)思想<!DOCTYPEhtml><html><head><metacharset="utf-8"><title></title></head><body><p>請輸入兩個數(shù)進(jìn)行簡單計(jì)算</p><inputplaceholder="數(shù)字1"id="num1"/><selectid="rule"><optionvalue="add">+</option><optionvalue="sub">-</option><optionvalue="multi">*</option><optionvalue="division">/</option></select><inputplaceholder="數(shù)字2"id="num2"/><buttonid="calcBtn"onclick="execute();">=</button><inputplaceholder="結(jié)果"disabled="disabled"id="result"/><script>functionexecute(){varnum1=document.getElementById("num1").value;varnum2=document.getElementById("num2").value;varrule=document.getElementById("rule").value;varrs=calc(num1,num2,rule);varresult=document.getElementById("result");result.value=rs;};functioncalc(num1,num2,rule){num1=parseFloat(num1);num2=parseFloat(num2);if(isNaN(num1)||isNaN(num2)){return"非法的操作數(shù)";}switch(rule){case"add":returnadd(num1,num2);case"sub":returnsub(num1,num2);case"multi":returnmulti(num1,num2);case"division":returndivision(num1,num2);default: return"不支持的運(yùn)算符";}};functionadd(num1,num2){returnnum1+num2;};functionsub(num1,num2){returnnum1-num2;};functionmulti(num1,num2){returnnum1*num2;};functiondivision(num1,num2){if(num2==0){return"除數(shù)不能為零";}returnnum1/num2;};</script></body></html>運(yùn)行效果截圖：圖1.方

溫馨提示

  • 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

提交評論