document.write() はドキュメントの内容にどのような影響を与えますか?-jsチュートリアル-php.cn

document.write() はドキュメントの内容にどのような影響を与えますか?

Mary-Kate Olsen

リリース： 2024-10-24 07:03:30

オリジナル

819 人が閲覧しました

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 サイトの他の関連記事を参照してください。