Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk meninggalkan mesej dalam javascript

Bagaimana untuk meninggalkan mesej dalam javascript

藏色散人
藏色散人asal
2022-01-18 14:37:343207semak imbas

Cara melaksanakan mesej menggunakan JavaScript: 1. Buat fail sampel HTML dan masukkan teg input; 2. Masukkan tag skrip; ...}" Tinggalkan mesej sahaja.

Bagaimana untuk meninggalkan mesej dalam javascript

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:
Bagaimana untuk meninggalkan mesej dalam javascript
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!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn