1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 | function run() { var c = document.getElementById( "content" ); var n = document.createElement( "p" ); var datab = [ "John" , "Mary" , "Tony" ]; var messsage; for (message in datab) { n.appendChild(document.createTextNode(datab[message])); n.appendChild(document.createElement( "br" )); c.appendChild(n); } } /* 《程式語言教學誌》的範例程式 檔名:run26.js 功能:示範 JavaScript 程式 作者:張凱慶 時間:西元 2010 年 11 月 */ |
利用以下的 HTML 文件載入
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 | < html > < head > < title >JavaScript Demo</ title > < script src = "run26.js" type = "text/javascript" ></ script > </ head > < body > < input id = "b" type = "button" value = "RUN" onclick = "run();" > < div id = "content" ></ div > </ body > </ html > <!-- 《程式語言教學誌》的範例程式 檔名:jsexample30.html 功能:示範 JavaScript 程式 作者:張凱慶 時間:西元 2010 年 11 月 --> |
瀏覽器 (broswer) 開啟後執行,如下

由於 datab 是一個字串陣列,程式的第 7 行
7 | for (message in datab) { |
這裡的變數 message 會從頭取得陣列 datab 的索引值,由於 JavaScript 陣列索引是從 0 開始,所以底下
8 | n.appendChild(document.createTextNode(datab[message])); |
會先取得 datab[0] 的字串印出,然後 datab[1] ,最後 datab[2] 。
中英文術語對照 | |
---|---|
陣列 | array |
關鍵字 | keyword |
瀏覽器 | broswer |
沒有留言:
張貼留言