>  기사  >  웹 프론트엔드  >  document.write()는 문서 내용에 어떤 영향을 미치나요?

document.write()는 문서 내용에 어떤 영향을 미치나요?

Mary-Kate Olsen
Mary-Kate Olsen원래의
2024-10-24 07:03:30744검색

How Does document.write() Impact Document Contents?

Document.write()가 문서 내용에 미치는 영향

document.write() 메소드는 HTML 문서의 내용을 직접 작성하여 변경합니다. 문서 스트림에. 특정 시나리오에서는 이 작업으로 인해 이전에 표시된 요소가 제거될 수 있습니다.

예를 들어 다음 코드를 고려하세요.

<code class="html"><!DOCTYPE html>
<html>
    <head>
        <script type="text/javascript">
            function validator() {
                if (document.myForm.thebox.checked)
                    document.write("checkBox is checked");
                else 
                    document.write("checkBox is NOT checked");
            }
        </script>
    </head>
    <body>
        <form name="myForm">
            <input type="checkbox" name ="thebox"/>
            <input type="button" onClick="validator()" name="validation" value="Press me for validation"/>
        </form>
    </body>
</html></code>

validator() 함수가 호출되면 문서 .write() 메소드는 문서에 메시지를 출력하는 데 사용됩니다. 그러나 이렇게 하면 양식 요소(체크박스 및 버튼)가 화면에서 사라집니다.

이 동작은 document.write()가 문서 스트림에서 작동하기 때문에 발생합니다. 문서 로드가 완료된 후 호출되면 스트림이 닫힐 수 있습니다. 결과적으로 스트림에 쓰기 위해 document.write()는 자동으로 문서를 다시 열어 페이지 콘텐츠를 재설정하고 모든 기존 요소를 제거합니다.

위 내용은 document.write()는 문서 내용에 어떤 영향을 미치나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.