Heim >Web-Frontend >Front-End-Fragen und Antworten >So hinterlassen Sie eine Nachricht in Javascript

So hinterlassen Sie eine Nachricht in Javascript

藏色散人
藏色散人Original
2022-01-18 14:37:343246Durchsuche

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>

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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel:Hat Javascript Nullwerte?Nächster Artikel:Hat Javascript Nullwerte?