document.write() 如何影响文档内容？-js教程-PHP中文网

document.write() 如何影响文档内容？

Mary-Kate Olsen

发布： 2024-10-24 07:03:30

原创

743 人浏览过

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中文网其他相关文章！