萬盛學電腦網

 萬盛學電腦網 >> 腳本專題 >> 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程序設計有所幫助。

copyright © 萬盛學電腦網 all rights reserved