document.write()는 문서 내용에 어떤 영향을 미치나요?-JS 튜토리얼-php.cn

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

Mary-Kate Olsen

풀어 주다： 2024-10-24 07:03:30

원래의

820명이 탐색했습니다.

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!