javascript怎麼實作留言
- 藏色散人原創
- 2022-01-18 14:37:343202瀏覽
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怎麼實作留言的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
上一篇：javascript有空值嗎下一篇：javascript有空值嗎