집 > 기사 > 웹 프론트엔드 > 자바스크립트로 메시지를 남기는 방법

자바스크립트로 메시지를 남기는 방법

藏色散人원래의: 2022-01-18 14:37:343201검색

JavaScript를 사용하여 메시지를 남기는 방법: 1. HTML 샘플 파일을 만들고 입력 태그를 입력합니다. 2. 스크립트 태그를 입력합니다. 3. js 코드 "oPostBtn.onclick = function(){...}"을 사용합니다. 메시지를 남기려고.

자바스크립트로 메시지를 남기는 방법

이 문서의 운영 환경: Windows 7 시스템, JavaScript 버전 1.8.5, Dell G3 컴퓨터.

JavaScript로 메시지를 남기는 방법은 무엇인가요?

JS 기본 글쓰기를 통해 메시지 보드 기능 구현

이 메시지 보드 기능을 구현하는 것은 비교적 간단하므로 먼저 렌더링을 살펴보겠습니다.
자바스크립트로 메시지를 남기는 방법
사용자의 콘텐츠 구현 메시지 및 메시지의 특정 시간.

<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>

입력의 입력 포커스 이벤트를 가져와 콘텐츠를 포착하고 메시지 보드의 p에 전달하여 표시합니다.

<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>

자바스크립트로 메시지를 남기는 방법

관련 기사