網(wǎng)頁(yè)設(shè)計(jì)報(bào)告_第1頁(yè)
網(wǎng)頁(yè)設(shè)計(jì)報(bào)告_第2頁(yè)
網(wǎng)頁(yè)設(shè)計(jì)報(bào)告_第3頁(yè)
網(wǎng)頁(yè)設(shè)計(jì)報(bào)告_第4頁(yè)
網(wǎng)頁(yè)設(shè)計(jì)報(bào)告_第5頁(yè)
已閱讀5頁(yè)，還剩11頁(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)介

1、網(wǎng)頁(yè)設(shè)計(jì)與開(kāi)發(fā)大作業(yè)專 業(yè)： 軟件工程 移動(dòng)互聯(lián)網(wǎng)方向 班 級(jí)： 學(xué) 號(hào)： 學(xué)生姓名： 指導(dǎo)教師： 郭 麗 2016年 1月5日實(shí)驗(yàn)七 JavaScript高級(jí)7.1代碼<html><head><title>撈歌網(wǎng)商注冊(cè)</title></head><body><ul class=list3><td>設(shè)置您的賬戶信息</td><table width="400"><tr><td class="inputTitle"&g

2、t;會(huì)員登陸名：</td><td> <input type="text" name="yourname"></td><td><font color="red">*</font></td></tr><tr><td class="inputTitle">密碼：</td><td> <input type="text" name="y

3、ourpwd"></td><td><font color="red">*</font></td></tr><tr><td class="inputTitle">重新輸入密碼：</td><td> <input type="text" name="yourcpwd"></td><td><font color="red">

4、;*</font></td></tr><td>姓名和聯(lián)系方式</td><tr><td class="inputTitle">真實(shí)姓名：</td><td> <input type="text" name="yourrname"></td><td><font color="red">*</font></td></tr><tr

5、><td class="inputTitle">性別：</td><td> <input type="radio" name="sex" value="male" class="radioInput">男<input type="radio" name="sex" value="male" class="radioInput">女</td>&

6、lt;/tr><tr><td class="inputTitle">您的職位：</td><td> <input type="text" name="yourman"></td></tr><tr><td class="inputTitle">電子郵箱：</td><td> <input type="text" name="yourmail"

7、;></td><td><font color="red">*</font></td></tr><tr><td class="inputTitle">固定電話：</td><td> <input type="text" name="yourtel"></td><td><font color="red">*</font>

8、;</td></tr><tr><td class="inputTitle">傳真：</td><td> <input type="text" name="yourfax"></td></tr><tr><td class="inputTitle">手機(jī)：</td><td> <input type="text" name="your

9、phone"></td></tr><td width="250">公司名稱和主營(yíng)業(yè)務(wù)</td><tr><td class="inputTitle">公司類型：</td><td> <input type="radio" name="qiye" value="male" class="radioInput">企業(yè)單位<input type="

10、radio" name="qiye" value="male" class="radioInput">個(gè)體經(jīng)營(yíng)<input type="radio" name="qiye" value="male" class="radioInput">事業(yè)單位或社會(huì)團(tuán)體<input type="radio" name="qiye" value="male" class=&quo

11、t;radioInput">未經(jīng)工商注冊(cè)</td></tr></table></body></html>截圖7.2 編寫(xiě)JavaScript程序?qū)崿F(xiàn)：計(jì)算器的功能代碼<html><head><title>計(jì)算器</title><style>#nav background-color:#CCCCCC; </style><script language="javascript">var num;function fun(

12、) f1.txt.value+='0' num=0;function fun1() f1.txt.value+='1' num=1;function fun2() f1.txt.value+='2' num=2;function fun3() f1.txt.value+='3' num=3;function fun4() f1.txt.value+='4' num=4;function fun5() f1.txt.value+='5' num=5;function fun6() f1.txt.val

13、ue+='6' num=6function fun7() f1.txt.value+='7' num=7;function fun8() f1.txt.value+='8' num=8;function fun9() f1.txt.value+='9' num=9;function fun_add() f1.txt.value+='+'function fun_sub() f1.txt.value+='-'function fun_mul() f1.txt.value+='*'fun

14、ction fun_div() f1.txt.value+='/'function fun_clear() f1.txt.value=''function fun_eql() f1.txt.value=eval_r(f1.txt.value);function fun_bac() f1.txt.value=(-1)*f1.txt.value;function fun_Backspace() f1.txt.value=f1.txt.value.slice(0,-1);function fun_point() f1.txt.value+='.'fun

15、ction fun_CE() f1.txt.value='0'</script></head><body><center><form name="f1"><table border="2px" bordercolor="#000000" id="nav"><tr><td><center><input type="text" name="txt"/&

16、gt;</center></td></tr><tr><td><input type="button" value=" BS " onClick="fun_Backspace()"/><input type="button" value=" +/- " onClick="fun_bac()"/><input type="button" value=" . &q

17、uot; onClick="fun_point()"/><input type="button" value=" CE " onClick="fun_CE()"/><br><input type="button" value=" 7 " onClick="fun7()"/><input type="button" value=" 8 " onClick="fu

18、n8()"/><input type="button" value=" 9 " onClick="fun9()"/><input type="button" value=" / " onClick="fun_div()"/><br><input type="button" value=" 4 " onClick="fun4()"/><input t

19、ype="button" value=" 5 " onClick="fun5()"/><input type="button" value=" 6 " onClick="fun6()"/><input type="button" value=" * " onClick="fun_mul()"/><br><input type="button" val

20、ue=" 1 " onClick="fun1()"/><input type="button" value=" 2 " onClick="fun2()"/><input type="button" value=" 3 " onClick="fun3()"/><input type="button" value=" - " onClick="fun_su

21、b()"/><br><input type="button" value=" C " onClick="fun_clear()"/><input type="button" value=" 0 " onClick="fun()"/><input type="button" value=" = " onClick="fun_eql()"/><inpu

22、t type="button" value=" + " onClick="fun_add()"/><br></td></tr></table></form></center></body></html>截圖7.3.1在頁(yè)面加載完成后彈出“歡迎進(jìn)入本網(wǎng)頁(yè)”對(duì)話框，在用戶退出頁(yè)面后，彈出“謝謝瀏覽”對(duì)話框。代碼<html><body><script>window.onload = function()

23、alert("歡迎進(jìn)入本網(wǎng)頁(yè)");window.onunload = function() alert("謝謝瀏覽");</script></body></html>截圖7.3.3單擊“變換背景”按鈕，動(dòng)態(tài)改變頁(yè)面的背景顏色。<html><head><script>window.onload = function()var oBtn = document.getElementById('btn');oBtn.onclick = function()this.style

24、.backgroundColor = 'red's;</script></head><body><input type="button" id="btn" value="click me" /></body></html>截圖7.4輸入一段文字，設(shè)置字幕向上滾動(dòng)，并動(dòng)態(tài)改變其文字顏色代碼<html><body><marquee style="WIDTH: 388px; HEIGHT: 200px"

25、scrollamount="2" direction="up" > <div align="left" ><br /> </div > <center ><font face="黑體" color="#008000" size="4" ></font ></center > <div align="left" ><br /> </div

26、> <center > <p ><font color="#ff6600" size="4" >滾動(dòng)文字</font ></p > <p ><font color="#ff4500" size="4" >滾動(dòng)文字</font ></p > <p ><font color="#ff3300" size="4" >滾動(dòng)文字</font &

27、gt;<br /> <br /> </p > </marquee ></body></html>截圖7.5實(shí)現(xiàn)以下效果。當(dāng)點(diǎn)擊按鈕1時(shí)文本框內(nèi)顯示“這是按鈕1”，當(dāng)點(diǎn)擊按鈕3時(shí)，文本框內(nèi)顯示“這是按鈕3”代碼<html><body><title>test</title><script>function getText(txt) objTxt.value= txt;</script><input type=button value=按鈕一 oncl

28、ick="getText(this.value)"><input type=button value=按鈕二 onclick="getText(this.value)"><input type=button value=按鈕三 onclick="getText(this.value)"><input type=text id=objTxt></body></html>截圖7.6判斷男女生。代碼<html><head><script>f

29、unction submitform()window.open('login.asp','a','7.6.html')document.formname.action=7.6.html ;document.formname.submit();</script> </head><body><form id="form" method="post" action="">性別:<input type="radio" na

30、me="sex" value="0">男<input type="radio" name="sex" value="1">女<input type=button value=提交 onclick="submitform()"></form></body></html>截圖7.7使用select box動(dòng)態(tài)在文本框中顯示相應(yīng)選擇的內(nèi)容代碼<html><body><script>function change(value) document.getElementById('bb').value=value; </script> <select name=&q

溫馨提示

  • 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ù)覽，若沒(méi)有圖紙預(yù)覽就沒(méi)有圖紙。
  • 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)論