怎样用web窗体做留言板
留言板是论坛页面的基础功能，使用discuz，dede等框架可以简单快速实现这些功能。但是这篇经验和大家分享不使用模板，而是利用简单的js代码实现留言板功能。
首先写一个留言板的页面，留言板一般是一个div，样式根据自己喜好设置。
然后写一个inputbox，再建立一个button，为提交留言的内容。
将全部div进行闭合，进入index.html查看效果。
想让留言板进行变更，就需要使用js。思路是在input中输入值后，按下button会将获取到的值写入HTML结构中。
开始写js，首先是引入jq文件，方便获取input中的值。在inputbox和button下方还要预留一个空的div，作为infomation展现的位置。
给button绑定事件sendMess();在function中先通过jq进行取值：首先是var infor=$('#information'); 就是刚才预留的infomation展现位置。其次就是留言的内容和CSS。
接下来是使用appendChild()方法来进行操作。使用刚才的定义的DOM进行操作con.appendChild(mess);和其他输入的内容，创建内容。
最后将创建的DOM插入到id为information的div中。可以使用infor.appendChiled(con);闭合function。
进入index.html测试效果。虽然很简陋，但是一个静态留言板的功能也完成了。
动态操作实际上只是牵扯到一个sql的问题，用户将留言的内容通过json的形式写入sql，然后前端使用$.ajax方法将数据库中的信息调出来，展现在用户面前。涉及到php，对于初级前端朋友就不赘述了。
版权声明：本站【趣百科】文章素材来源于网络或者用户投稿，未经许可不得用于商用，如转载保留本文链接：https://www.qubaik.com/article/147422.html
