Rumah > Artikel > hujung hadapan web > Bagaimana untuk meninggalkan mesej dalam javascript
Cara melaksanakan mesej menggunakan JavaScript: 1. Buat fail sampel HTML dan masukkan teg input; 2. Masukkan tag skrip; ...}" Tinggalkan mesej sahaja.
Persekitaran pengendalian artikel ini: sistem Windows 7, versi JavaScript 1.8.5, komputer Dell G3.
Bagaimana untuk meninggalkan mesej dalam JavaScript?
Tulisan asli JS untuk melaksanakan fungsi papan mesej
pelaksanaan Fungsi papan mesej ini agak mudah, jadi mari tunjukkan pemaparan terlebih dahulu:
Realisasikan kandungan mesej pengguna dan masa khusus mesej.
<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>
Tangkap kandungan dengan mendapatkan acara fokus input dan hantarkannya ke p papan mesej untuk paparan.
<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>
Kajian yang disyorkan: "tutorial asas js"
Atas ialah kandungan terperinci Bagaimana untuk meninggalkan mesej dalam javascript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!