Html & Script

outerHTML 을 이용하여 Reload 없이 문자열 추가

페이지 정보

본문

웹채팅 프로그램 만들때 iframe과 응용하여 쓰이는 방법으로 알고 있습니다.

<HTML>
<HEAD>
<TITLE> 초보리눅서의 WEBINFO </TITLE>
<script language="javascript">
function add_word(str)
{
hooshim.outerHTML += str+"<br>";
add.inword.value="";
add.inword.focus();
}
</script>
</HEAD>

<BODY>
<div style="font-size:10pt">
<U>페이지가 RELOAD 되지 않은 상태에서 그냥 문장이 추가되는 자바스크립트 예제 입니다.</u><br><br>
<b>outerHTML</b> 이라는 스크립트를 이용하여 만든 예제 입니다. <br>
만약에 추가하는것이 아니라 교체를 한다면 이런식으로 위의 스크립트를 변경하면 됩니다.<br>
<font color="blue">hooshim.outerHTML += str+"<br>";</font> 을 <font color="blue">hooshim.outerHTML = "<div id="hooshim" style="font-size:9pt">"+str+"</div>";</font> 로 변경 해주면 됩니다.<br><br>
<form name="add" method="post" onsubmit="add_word(add.inword.value);return false;">
내 용 : <input type="text" name="inword" size="50"> <input type="button" onclick="add_word(add.inword.value)" value="추 가">
</form>
</div>
<hr>
<br><br>
<div id="hooshim" style="font-size:9pt">
<b> 이글 아래로 차근차근 추가 됩니다.</b><br>
</div>
</BODY>
</HTML>

관련자료

등록된 댓글이 없습니다.
Today's proverb
기다릴 수 있는 사람에게는 모든 일이 잘된다. (F.라블레)