舉例如下
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 | function run() { var c = document.getElementById( "content" ); var n1 = document.createElement( "p" ); var n2 = document.createElement( "p" ); var n3 = document.createElement( "p" ); var n4 = document.createElement( "p" ); var n5 = document.createElement( "p" ); var n6 = document.createElement( "p" ); var o1 = document.createElement( "p" ); var o2 = document.createElement( "p" ); var o3 = document.createElement( "p" ); var o4 = document.createElement( "p" ); var o5 = document.createElement( "p" ); var o6 = document.createElement( "p" ); var t2 = encodeURI( "留得青山在" ); var t3 = encodeURI( "不怕沒材燒" ); var t4 = encodeURI( "Hello, world!" ); var t5 = encodeURI(33); var t6 = encodeURI(); n1.appendChild(document.createTextNode(t1)); c.appendChild(n1); n2.appendChild(document.createTextNode(t2)); c.appendChild(n2); n3.appendChild(document.createTextNode(t3)); c.appendChild(n3); n4.appendChild(document.createTextNode(t4)); c.appendChild(n4); n5.appendChild(document.createTextNode(t5)); c.appendChild(n5); n6.appendChild(document.createTextNode(t6)); c.appendChild(n6); var s1 = decodeURI(t1); var s2 = decodeURI(t2); var s3 = decodeURI(t3); var s4 = decodeURI(t4); var s5 = decodeURI(t5); var s6 = decodeURI(t6); o1.appendChild(document.createTextNode(s1)); c.appendChild(o1); o2.appendChild(document.createTextNode(s2)); c.appendChild(o2); o3.appendChild(document.createTextNode(s3)); c.appendChild(o3); o4.appendChild(document.createTextNode(s4)); c.appendChild(o4); o5.appendChild(document.createTextNode(s5)); c.appendChild(o5); o6.appendChild(document.createTextNode(s6)); c.appendChild(o6); } /* 《程式語言教學誌》的範例程式 檔名:run53.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 = "run53.js" type = "text/javascript" ></ script > </ head > < body > < input id = "b" type = "button" value = "RUN" onclick = "run();" > < div id = "content" ></ div > </ body > </ html > <!-- 《程式語言教學誌》的範例程式 檔名:jsexample53.html 功能:示範 JavaScript 程式 作者:張凱慶 時間:西元 2010 年 11 月 --> |
執行結果如下

中英文術語對照 | |
---|---|
函數 | function |
字串 | string |
參數 | parameter |
運算式 | expression |
沒有留言:
張貼留言