Javascript实务设计入门.doc
上传人:sy****28 上传时间:2024-09-12 格式:DOC 页数:24 大小:191KB 金币:16 举报 版权申诉
预览加载中,请您耐心等待几秒...

Javascript实务设计入门.doc

Javascript实务设计入门.doc

预览

免费试读已结束,剩余 14 页请下载文档后查看

16 金币

下载此文档

如果您无法下载资料,请参考说明:

1、部分资料下载需要金币,请确保您的账户上有足够的金币

2、已购买过的文档,再次下载不重复扣费

3、资料包下载后请先用软件解压,在使用对应软件打开

javascript-1Javascript實務設計入門為何使用Javascript?動態網頁(DHTML)增加互動(interactive)呼叫Java之AppletClient端檢查輸入資料,減少、分散server之負擔Javascript之特色使用c/c++語言之語法跨平台(machine-independent)物件概念(Object)直譯式(interpreter)開放式,共享成果Javascript語言之組成:learningmap變數、陣列宣告與存取,基本運算符號varI,j,k=0;//k含初值設定varans=newArray(10);//10element,scripts=0..9,不含初值varweek=newArray(“sun”,”mon”,”thu”);//含初值(HYPERLINK"viewpic-1.htm"viewpic-1.htm)I=week[1];//由陣列取出Week[0]=”Sunday”;//存入陣列程式流程控制分支控制:(HYPERLINK"四則運算練習.htm"四則運算練習.htm)重複流程:loop(HYPERLINK"loopdemo1.htm"loopdemo1.htm)<head><title>loopdemo網頁</title><script>functionforloopdemo(){vars=0;//localvarialedocument.afform.result1.value="";varlast=(document.afform.n1.value);if(last<=0)//checkinputvalue{alert("輸入大於0之整數!");return;}for(vari=1;i<=last;i++)s=s+i;document.afform.result1.value=s;}functionwhileloopdemo(){vars=0,i=1;varlast=(document.afform.n2.value);while(i<=last){s=s+i;i++;}document.afform.result2.value=s;}functiondowhileloopdemo(){vars=0,i=1;varlast=(document.afform.n3.value);do{s=s+i;i++;}while(i<=last);document.afform.result3.value=s;}</script></head><body><palign="center"><fontface="標楷體"size="6"><b>迴圈(loop)展示</b></font></p><hr><formname=afform><fontsize="5">1+2+3+......+</font><inputtype=textvalue=10name=n1size="10"><inputtype=buttonname=forloopvalue="="onclick="forloopdemo();"><inputtype=textvalue=55name=result1><br><fontsize="5">1+2+3+......+</font><inputtype=textvalue=10name=n2size="10"><inputtype=buttonname=whileloopvalue="="onclick="whileloopdemo();"><inputtype=textvalue=55name=result2><br><fontsize="5">1+2+3+......+</font><inputtype=textvalue=10name=n3size="10"><inputtype=buttonname=dowhileloopvalue="="onclick="dowhileloopdemo();"><inputtype=textvalue=55name=result3><br></form></body>函數、method之撰寫與呼叫:user-definedI.呼叫function方式將script指定給一物件之事件:(HYPERLINK"af-1-prompt.htm"af-1-prompt.htm)設定物件之觸發事件(event)時處理程式(HYPERLINK"loopdemo1.htm"loopdemo1.htm)<script>window.document.onclick=hel