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

下載本文檔

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

文檔簡介

《web開發(fā)基礎(chǔ)》試驗報告PAGE11實驗六Javascript語法練習學號:092715206姓名:崔兆文1.1實驗目的學習Javascript基本語法；學習Javascript變量定義及使用；學習Javascript流程控制方法if...else...,while，for，switch...case...；學習方法的定義functionmethodName(var1，,...){...}；學習document.write(),alert()的使用；學習document獲取文本信息的方法。學習Javascript內(nèi)置對象Date的使用。1.2實驗要求請完成實驗并將實驗過程寫在下面的實驗內(nèi)容部分，每題要求給出題目、源代碼（帶必要的注釋）以及程序運行效果截圖。1.3實驗內(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>運行效果截圖：題2：屏幕上給出文本框用于輸入圓形半徑，計算按鈕用于彈出窗口顯示計算的面積。提示：自己查閱javascript的prompt（）函數(shù)，并利用其完成該題。源代碼：<!DOCTYPEhtml><html> <head> <metacharset="UTF-8"> <title></title> </head><body> <divid=""> 請輸入圓的半徑： <inputtype="text"id="rad"/> <buttononclick="getarea()">計算</button> </div> </body></html><scripttype="text/javascript"> functiongetarea(r){ varr=document.getElementById("rad").value; vararea=r*r*3.14; alert("圓的面積為："+area); }</script>運行效果截圖：題3：使用去確認對話框提問“你是否來過重慶？”，如果點擊“確認”，用警告對話框輸出“你也認為重慶很美麗吧！”；如果點擊“取消”，用警告對話框輸出“歡迎你到重慶來旅游！”源代碼：<!DOCTYPEhtml><html> <head> <metacharset="UTF-8"> <title></title> </head> <body> </body></html><scripttype="text/javascript"> varresult=confirm("你是否來過重慶？"); if(result){ alert("你也認為重慶很美麗吧！"); } else{ alert("歡迎你來重慶旅游！"); }</script>運行效果截圖：圖1.確認對話框圖2.點擊確認圖3.點擊取消題4：通過體提示消息框輸入任意一個整數(shù)xxx，求該整數(shù)的階乘，并將結(jié)果通過警告對話框顯示出來。提示：對輸入的數(shù)要進行判斷。（可參考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>運行效果截圖：圖1.提示框圖2.輸入整數(shù)“6”點擊確定圖3.輸入不是整數(shù)圖4.提示不是整數(shù)思考題：在文本框分別輸入兩個數(shù)，實現(xiàn)兩個數(shù)的+、-、*、/運算，點擊“=按鈕將”結(jié)果顯示在文本框中。界面設(shè)計可參考下圖。注意對文本框輸入的數(shù)據(jù)是否是數(shù)字要進行判斷。運行界面設(shè)計參考如下：源代碼：第一種方法：使用eval()函數(shù)（參考了網(wǎng)上教程）注：通過input中type類型為number限制輸入必須為數(shù)字<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title></title></head><body><p>請輸入兩個數(shù)進行簡單計算</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ù)進行簡單計算</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"不支持的運算符";}};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>運行效果截圖：圖1.方

溫馨提示

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

評論

0/150

提交評論