「使用者:Shyangs/JavaScript」修訂間的差異
出自 MozTW Wiki
(→數值運算) |
小 |
||
行 3: | 行 3: | ||
*網頁寫入文字"你好!"。 | *網頁寫入文字"你好!"。 | ||
<html><body> | <html><body> | ||
− | <span style="color:#704214"><script type="text/javascript"> | + | <span style="color:#704214"><script type="text/javascript"><nowiki><!--</nowiki> |
document.write(<span style="color:#DE3163">"你好!"</span>); | document.write(<span style="color:#DE3163">"你好!"</span>); | ||
− | </script></span> | + | //--></script></span> |
</body></html> | </body></html> | ||
<br> | <br> | ||
*彈出對話框"你好!"。 | *彈出對話框"你好!"。 | ||
<html><body> | <html><body> | ||
− | <span style="color:#704214"><script type="text/javascript"> | + | <span style="color:#704214"><script type="text/javascript"><nowiki><!--</nowiki> |
alert(<span style="color:#DE3163">"你好!"</span>); | alert(<span style="color:#DE3163">"你好!"</span>); | ||
− | </script></span> | + | //--></script></span> |
</body></html> | </body></html> | ||
行 30: | 行 30: | ||
*用 <span style="color:blue">var</span> 來宣告變數,可以省略關鍵字 <span style="color:blue">var</span>;全域變數與區域變數。 | *用 <span style="color:blue">var</span> 來宣告變數,可以省略關鍵字 <span style="color:blue">var</span>;全域變數與區域變數。 | ||
<html><body> | <html><body> | ||
− | <span style="color:#704214"><script type="text/javascript"> | + | <span style="color:#704214"><script type="text/javascript"><nowiki><!--</nowiki> |
<span style="color:blue">var</span> gNum = 123; <span style="color:green">//全域變數</span> | <span style="color:blue">var</span> gNum = 123; <span style="color:green">//全域變數</span> | ||
gInteger = 20; <span style="color:green">//全域變數</span> | gInteger = 20; <span style="color:green">//全域變數</span> | ||
行 39: | 行 39: | ||
str = <span style="color:#DE3163">"文字"</span>; <span style="color:green">//區域變數</span> | str = <span style="color:#DE3163">"文字"</span>; <span style="color:green">//區域變數</span> | ||
} | } | ||
− | </script></span> | + | //--></script></span> |
</body></html> | </body></html> | ||
=流程控制= | =流程控制= |
於 2008年5月22日 (四) 01:15 的修訂
內容大綱
入門基礎
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 - 基礎課程