document.write() 如何影响文档内容？
- Mary-Kate Olsen原创
- 2024-10-24 07:03:30831浏览
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中文网其他相关文章！
声明：
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn