为了账号安全,请及时绑定邮箱和手机立即绑定

请问document.write清除页面

/ 猿问

请问document.write清除页面

慕前端131612 2019-09-13 15:09:21

document.write清除页面

为什么在下面的代码中,document.write在函数调用时,validator()表单元素(复选框和按钮)将从屏幕中删除?

<!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>


查看完整描述

3 回答

?
ABOUTYOU

document.write()用于写入文档

在您的情况下,当调用onClick处理程序时,流很可能已经关闭,因为您的文档已完成加载。

调用document.write()已关闭的文档流会自动调用document.open(),这将清除文档。


查看完整回答
反对 回复 2019-09-16
?
RISEBY

一个document.write()页面加载后调用将覆盖当前文档。

您想要在文档中设置某些元素的文本。如果你添加一个

<p id="message"></p>

到你身体的尽头,然后你可以打电话

document.getElementById("message").innerHTML = "your text here";

或者使用jQuery库

$("#message").html("your text here");



查看完整回答
反对 回复 2019-09-16
?
蛊毒传说

document.write 文档加载调用隐式调用document.open,这将清除当前文档。(document.open与页面加载时调用相比,将字符串插入文档流;它不会清除文档。)

document.write是古代JavaScript中最古老的遗迹之一,通常应该避免。相反,您可能希望使用DOM操作方法来更新文档。


查看完整回答
反对 回复 2019-09-16

添加回答

回复

举报

0/150
提交
取消
意见反馈 邀请有奖 帮助中心 APP下载
官方微信