「使用者:Shyangs/JavaScript」修訂間的差異
出自 MozTW Wiki
（→數值運算） |
（→數值運算） |
||
| 行 72： | 行 72： | ||
|align="center"|% | |align="center"|% | ||
|} | |} | ||
| + | <br> | ||
| + | ==兩數加減乘除== | ||
| + | <html><body> | ||
| + | <span style="color:#704214"><script type="text/javascript"><nowiki><!--</nowiki> | ||
| + | <span style="color:blue">function</span> calc(fObj) | ||
| + | { | ||
| + | n1=parseFloat(fObj.num1.value); | ||
| + | n2=parseFloat(fObj.num2.value); | ||
| + | fObj.result1.value=n1 + n2; | ||
| + | fObj.result2.value=n1 - n2; | ||
| + | fObj.result3.value=n1 * n2; | ||
| + | fObj.result4.value=n1 / n2; | ||
| + | fObj.result5.value=n1 % n2; | ||
| + | } | ||
| + | //--></script></span> | ||
| + | |||
| + | 數值運算<nowiki><br></nowiki> | ||
| + | <form> | ||
| + | 數值 a =<input type=<span style="color:#DE3163">"text"</span> value=<span style="color:#DE3163">"12"</span> name=<span style="color:#DE3163">"num1"</span>><nowiki><br></nowiki> | ||
| + | 數值 b =<input type=<span style="color:#DE3163">"text"</span> value=<span style="color:#DE3163">"5"</span> name=<span style="color:#DE3163">"num2"</span>><nowiki><br></nowiki> | ||
| + | 兩數之和=<input type=<span style="color:#DE3163">"text"</span> value=<span style="color:#DE3163">"輸出"</span> name=<span style="color:#DE3163">"result1"</span>><nowiki><br></nowiki> | ||
| + | 兩數之差=<input type=<span style="color:#DE3163">"text"</span> value=<span style="color:#DE3163">"輸出"</span> name=<span style="color:#DE3163">"result2"</span>><nowiki><br></nowiki> | ||
| + | 兩數乘積=<input type=<span style="color:#DE3163">"text"</span> value=<span style="color:#DE3163">"輸出"</span> name=<span style="color:#DE3163">"result3"</span>><nowiki><br></nowiki> | ||
| + | 商=<input type=<span style="color:#DE3163">"text"</span> value=<span style="color:#DE3163">"輸出"</span> name=<span style="color:#DE3163">"result4"</span>><nowiki><br></nowiki> | ||
| + | 餘數=<input type=<span style="color:#DE3163">"text"</span> value=<span style="color:#DE3163">"輸出"</span> name=<span style="color:#DE3163">"result5"</span>><nowiki><br></nowiki> | ||
| + | <input type=<span style="color:#DE3163">"button"</span> value=<span style="color:#DE3163">"計算"</span> onClick=<span style="color:#DE3163">"calc(this.form)"</span>> | ||
| + | </form> | ||
| + | </body></html> | ||
=網路資料= | =網路資料= | ||
於 2008年5月22日 (四) 01:13 的修訂
內容大綱
入門基礎
Hello! World!
- 網頁寫入文字"你好！"。
<html><body>
<script type="text/javascript">
document.write("你好！");
</script>
</body></html>
- 彈出對話框"你好！"。
<html><body>
<script type="text/javascript">
alert("你好！");
</script>
</body></html>
資料型態（Data type）
- Number （數字）
- String （字串）
- Boolean （真假值）
- Object （物件）
- Function （函式）
- Array （陣列）
- Date （日期）
- RegExp
- Null （空）
- Undefined （未定義）
變數（Variable）
- 用 var 來宣告變數，可以省略關鍵字 var；全域變數與區域變數。
<html><body>
<script type="text/javascript">
var gNum = 123; //全域變數
gInteger = 20; //全域變數
var gStr = "字串"; //全域變數
function func()
{
num = 33; //區域變數
str = "文字"; //區域變數
}
</script>
</body></html>
流程控制
if 條件判斷
if (條件式)
{
陳述句;
}
else
{
陳述句;
}
switch 條件判斷
for 迴圈
while 迴圈
break、 continue、goto
數值運算
| 加 | 減 | 乘 | 除 | 餘數 |
| + | - | * | / | % |
兩數加減乘除
<html><body> <script type="text/javascript"><!-- function calc(fObj) { n1=parseFloat(fObj.num1.value); n2=parseFloat(fObj.num2.value); fObj.result1.value=n1 + n2; fObj.result2.value=n1 - n2; fObj.result3.value=n1 * n2; fObj.result4.value=n1 / n2; fObj.result5.value=n1 % n2; } //--></script> 數值運算<br> <form> 數值 a =<input type="text" value="12" name="num1"><br> 數值 b =<input type="text" value="5" name="num2"><br> 兩數之和=<input type="text" value="輸出" name="result1"><br> 兩數之差=<input type="text" value="輸出" name="result2"><br> 兩數乘積=<input type="text" value="輸出" name="result3"><br> 商=<input type="text" value="輸出" name="result4"><br> 餘數=<input type="text" value="輸出" name="result5"><br> <input type="button" value="計算" onClick="calc(this.form)"> </form> </body></html>
網路資料
- Mozilla 開發者中心：重新介紹 JavaScript
- w3schools_js
- JAVASCRIPT 線上教學
- 伍新華電腦工作室：JavaScript - 基礎課程
