Heim > Artikel > Web-Frontend > So hinterlassen Sie eine Nachricht in Javascript
So hinterlassen Sie eine Nachricht in Javascript
- 藏色散人Original
- 2022-01-18 14:37:343158Durchsuche
So hinterlassen Sie eine Nachricht mit JavaScript: 1. Erstellen Sie eine HTML-Beispieldatei und geben Sie das Eingabe-Tag ein. 3. Verwenden Sie den JS-Code „oPostBtn.onclick = function(){...}“. eine Nachricht hinterlassen.
Die Betriebsumgebung dieses Artikels: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.
Wie hinterlasse ich eine Nachricht in JavaScript?
JS natives Schreiben zur Implementierung der Message-Board-Funktion
Es ist relativ einfach, diese Message-Board-Funktion zu implementieren, also schauen wir uns zuerst die Renderings an: 
Realisieren Sie den Inhalt des Benutzers Nachrichten und die spezifische Zeit der Nachrichten.
<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>Fangen Sie den Inhalt ab, indem Sie das Eingabefokusereignis der Eingabe abrufen, und übergeben Sie es zur Anzeige an das P des Message Boards.
<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>Empfohlenes Lernen: „js Basic Tutorial“
Das obige ist der detaillierte Inhalt vonSo hinterlassen Sie eine Nachricht in Javascript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!