ホームページ  >  記事  >  ウェブフロントエンド  >  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 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。