版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领
文档简介
JavaScript中常用的互動方式認識簡單的交談與基本的運算課程內容什麼是JavaScript的交談裝置alert、prompt、confirmJavaScript有哪些運算子可以處理資訊?資料的轉換基本運算數學函數邏輯運算JavaScript程式的基本架構經過邏輯的判斷、數學的計算或是文字的編輯在網頁的某一物件輸出程式執行結果document.write
印出後不會斷行document.writeln
印出後會斷行基本加法運算（+）基本邏輯運算（if）Alert：輸出資料Prompt：輸出並輸入字串、數字Confirm：輸出並輸入邏輯資料開啟新的空白網頁開啟「FrontPage」，先將此一空白網頁存於「c:\temp\自己的學號\js-3」將編輯模式改為「HTML」，如下圖請將下一張投影片的html+JavaScript的程式取代原有的html程式範例JavaScript程式<HTML><HEAD><TITLE>簡單的JavaScript互動例子</TITLE></HEAD><BODY><SCRIPTLANGUAGE="JavaScript"> varn1=2; varn2=10; vart1="apples"; s1=n1+n2+""+t1;
alert(s1);</SCRIPT><NOSCRIPT>
當瀏覽器沒有支援JavaScript的時候</NOSCRIPT></BODY></HTML>alert、prompt、confirm的用法alert()：alert(輸出的訊息字串or變數);如：alert("輸入的資料錯誤!!");alert(s1);prompt()：prompt(輸出的訊息字串or變數,輸入資料的內設值);如：n1=prompt("妳有幾個蘋果","1");confirm()：confirm(輸出的訊息字串or變數);但與alert不同的是confirm還可輸入true或false的值，如：play=confirm("想玩個數學遊戲嗎？")prompt()的例子把剛剛的JavaScript改為：<SCRIPTLANGUAGE="JavaScript">
varn1=prompt("妳有幾個蘋果","1");
varn2=prompt("他有幾個蘋果","1");
vart1="蘋果"; s1="你們兩總共有"+n1+n2+""+t1; alert(s1);</SCRIPT>請問此程式有什麼問題？資料的轉換由於prompt從輸入方格傳回來的資料室字串，因此加法運算時即以字串的模式連在一起，而沒有真正的加起來。解決的方式先將資料轉成數字，其指令為Number()資料轉換的指令有Number()String()Boolean()varn1=Number(prompt("妳有幾個蘋果","1"));varn2=Number(prompt("他有幾個蘋果","1"));n2=n2+n1;t1="蘋果";s1="你們兩總共有"+n2+""+t1;alert(s1);confirm()的例子–作業一把剛剛的JavaScript改為：<SCRIPTLANGUAGE="JavaScript">
varplay=confirm("想玩個數學遊戲嗎？") if(play){ n1=(prompt("妳有幾個蘋果","1"); n2=(prompt("他有幾個蘋果","1"); t1="蘋果"; s1="你們兩總共有"+n1+n2+""+t1; alert(s1);} else{ alert("懶蟲睡覺吧！");};</SCRIPT>請幫忙修改左邊的程式後，將正確的程式放置於原來的網頁數學的基本運算result+=10; result=result+10;result-=10; result=result-10;result*=10; result=result*10;result/=10; result=result/10;result%=10; result=result%10;試試看「＋＝」的計算運算 varplay=confirm("想玩個數學遊戲嗎？") if(play){ n1=Number(prompt("妳有幾個蘋果","1")); n2=Number(prompt("他有幾個蘋果","1")); n2=n2+n1; t1="蘋果"; s1="你們兩總共有"+n2+""+t1; alert(s1);} else{ alert("懶蟲睡覺吧！");};
n1
=
Number(prompt("妳有幾個蘋果","1")); n1+=
Number(prompt("他又給妳幾個蘋果","1")); s1="妳現在總共有"+n1+""+t1; alert(s1);問題又出在哪裡呢？LocalvsGlobalvariablesLocalVariables：if(play){
n1=Number(prompt("妳有幾個蘋果","1"));
n2=Number(prompt("他有幾個蘋果","1"));n2=n2+n1;
t1="蘋果";
s1="你們兩總共有"+n2+""+t1;
alert(s1);}else{
alert("懶蟲睡覺吧！");};GlobalVariables：vart1;if(play){
n1=Number(prompt("妳有幾個蘋果","1"));
n2=Number(prompt("他有幾個蘋果","1"));n2=n2+n1;
t1="蘋果";
s1="你們兩總共有"+n2+""+t1;
alert(s1);}else{
alert("懶蟲睡覺吧！");};「vart1;」與「vart1=“蘋果”;」有什麼不同？作業二n1
=
Number(prompt("妳有幾個蘋果","1"));n1+=
Number(prompt("他又給妳幾個蘋果","1"));s1="妳現在總共有"+n1+""+t1;alert(s1);請將左程式的問題改為妳有幾個蘋果妳有幾盒蘋果他又給妳幾個蘋果每盒蘋果有幾個？並將程式修改正確if條件中的邏輯式子A==B ：等於A!=B ：不等於A>B ：大於A<B ：小於A>=B ：大於或等於A<=B ：小於或等於!A ：A&&B ：andA||B ：or當A條件不成立時試試看下列if的例子varcloth="沒有“;cloth=prompt("有沒有好看的衣服？","沒有")if(cloth=="沒有"){ alert("繼續作計概作業吧！");}else{ alert("耶！出去約會！");}cloth=prompt("有沒有好看的衣服？","沒有")if(cloth!="有"){ alert("繼續作計概作業吧！");}else{ alert("耶！出去約會！");}出了什麼問題？試試看若按取消鍵，如何呢？程式設計的基本概念吃完晚飯，是否該完成計概作業呢？還是出去約會呢？有沒有好看的衣服沒有繼續作計概作業吧！有心情好嗎？好不好耶！出去約會！較複雜的「if」流程
cloth=prompt("有沒有好看的衣服？","沒有") if(cloth!="有"){ alert("繼續作計概作業吧！");} else{ mind=prompt("心情好嗎？","不好") if(mind!="好"){ alert("繼續作計概作業吧！");} else{ alert("耶！出去約會！");} }程式設計的基本概念吃完晚飯，是否該完成計概作業呢？還是出去約會呢？有沒有好看的衣服沒有繼續作計概作業吧！有心情好嗎？好不好錢是否多於5000？有沒有耶！出去約會！JavascriptHomew
温馨提示
- 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
评论
0/150
提交评论