So hinterlassen Sie eine Nachricht in Javascript-Front-End-Fragen und Antworten-php.cn

So hinterlassen Sie eine Nachricht in Javascript

藏色散人

Freigeben： 2022-01-18 14:37:34

Original

3247 Leute haben es durchsucht

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.

So hinterlassen Sie eine Nachricht in Javascript

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:
So hinterlassen Sie eine Nachricht in Javascript
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>

Nach dem Login kopieren

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>

Nach dem Login kopieren

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!