訪客留言簿

星期二, 8月 26, 2008

[網頁技術] 利用 JavaScript 吐出連續整數

前言

因為最近有些輸出連續整數的需求,所以向人問了一下,得到的答案是跟流程控制的迴圈有關,所以在此分享兼筆記一下。

感謝巴哈上的 remot 跟 guesd 兩位洽特板友提供的教學。 >w<

基本格式


for(var i=[起始數];i<[終止數]+1;i++) { document.write(i); }

※註:請自己加上正確宣告 JavaScript language 的 script 元素

上面的 for() 就是宣告迴圈的一種語法、函數(小括號裡的就是迴圈公式、大括號裡的是照這公式跑一遍輸出後會再跑一遍直到結束),for 指的是「執行指定次數就停止」之類的,詳細資料請參考 W3School 的「JavaScript for Loop」教學 一頁。

然後 var i 的部分就是在宣告變數名稱(不一定要用 i 但這好像是習慣了),後面加個等號(=)就是在指定迴圈的頭尾數字。值得注意的是,在迴圈公式內的數字是數學式還啥的,不算字串值,所以不必再用引號(")夾住了。

然後 [起始數] 跟 [終止數] 就填自己需要的數字進去吧。而 i++ 則是數字加減的方式,懂的人可以自己修改成想要的處理方式。

最後算好公式後,就要叫 JavaScript 輸出了,所以就會用到 document.write() ,這點請參考站內的 簡單實用的幾個 JavaScript 範例 一文。

其它補充

要吐出連續整數,就照上面提的基本格式,寫進有 html 跟 body 元素的 HTML 檔案裡,跑出來就可以了,不過如果你像我一樣,需要在不同的格式中,做同樣的工作,那就把起始終止兩個數字,給換成變數名稱吧,這樣子只要改宣告變數那裡的數字就可以了。(註:變數名稱寫 x y 只是我想偷懶而已,各位可以寫其它喜歡的英文上去。)


var x = [起始數] ;
var y = [終止數] ;
for(var i=x;i<y+1;i++) { document.write(i); }

※註:請自己加上正確宣告 JavaScript language 的 script 元素

……對了, W3School 的 script 元素裡面的屬性都是寫「type="text/javascript"」耶,為什麼我都寫「language="JavaScript"」呀。(抱頭)

4 comments:

BCSEEATI 提到...

language="JavaScript" 是舊式寫法, XHTML 中要寫 type="text/javascript"

wini 提到...

>BCSEEATI

原來如此……對了,好久沒看你的網站了,待我來訂閱一下。 XD

shyangs 提到...

如果說是去年十月第一次接觸 JavaScript
對照兩篇文章,我只能說wini你學習得真慢 = =a

wini 提到...

>shyangs

我是幾乎不用 JS 的呀 XD

 

本站著作(不包含圖片、影音以及回應留言)係採用 Creative Commons 姓名標示-非商業性-相同方式分享 2.5 台灣 (中華民國) 授權條款授權