DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript綜合知識 >> javascript無刷新評論實現方法
javascript無刷新評論實現方法
編輯:JavaScript綜合知識     

   本文實例講述了javascript無刷新評論實現方法。分享給大家供大家參考。具體實現方法如下:

  ?

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 <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>無刷新評論</title> <script type="text/javascript"> function AppendComment() { //獲取昵稱文本框的值 var nicknameValue = document.getElementById("nickName").value; //獲取評論文本框的值 var commentValue = document.getElementById("comment").value; var tblComment = document.getElementById("tblComment"); var tr = tblComment.tBodies[0].insertRow(-1); var tdNickName = tr.insertCell(-1); tdNickName.innerHTML = nicknameValue; var tdComment = tr.insertCell(-1); tdComment.innerHTML = commentValue; } </script> </head> <body> <br /> 裡面有豐富的腳本教程,歡迎訪問 <p>評論</p> <table id="tblComment" border="1"> <tbody> <tr><td>李莫:</td><td>非常好的網站</td></tr> </tbody> </table> 昵稱:<input type="text" id="nickName" /><br /> 評論:<textarea id="comment"></textarea><br /> <input type="button" value="評論" onclick="AppendComment()" /> </body> </html>

  希望本文所述對大家的javascript程序設計有所幫助。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved