javascript实现留言的方法:1、创建一个html示例文件并输入input标签;2、输入script标签;3、通过js代码“opostbtn.onclick = function(){...}”实现留言即可。
本文操作环境:windows7系统、javascript1.8.5版、dell g3电脑。
javascript怎么实现留言?
js原生编写实现留言板功能
实现这个留言板功能比较简单,所以先上效果图:
实现用户留言内容,留言具体时间。
<script> window.onload = function(){ var omessagebox = document.getelementbyid("messagebox"); var oinput = document.getelementbyid("myinput"); var opostbtn = document.getelementbyid("dopost"); opostbtn.onclick = function(){ if(oinput.value){ //写入发表留言的时间 var otime = document.createelement("p"); otime.classname = "time"; var mydate = new date(); otime.innerhtml = mydate.tolocalestring(); omessagebox.appendchild(otime); //写入留言内容 var omessagecontent = document.createelement("p"); omessagecontent.classname = "message_content"; omessagecontent.innerhtml = oinput.value; oinput.value = ""; omessagebox.appendchild(omessagecontent); } } }</script>
通过获取input的输入焦点事件抓取内容,传递给留言板的p来展示。
<body> <div class="content"> <div class="title">用户留言</div> <div class="message_box" id="messagebox"></div> <div><input id="myinput" type="text" placeholder="请输入留言类容"><button id="dopost">提交</button></div> </div></body>
推荐学习:《js基础教程》
以上就是javascript怎么实现留言的详细内容。