document.write()
document.write()方法可以向HTML输出流中插入你传入的内容,浏览器会按着HTML元素依次顺序依次解析它们,并显示出来。
需要注意的是,如果在文档加载完成后(即HTML输出已完成),再使用document.write()方法来要求浏览器来解析你的内容,
则浏览器就会重写整个document,导致最后的这个document.write()方法输出的内容会覆盖之前所有的内容。
不信你试试下面这行代码:
DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Documenttitle>
head>
<body>
<script>
document.write('我被写入了HTML输出流,但被下面的覆盖了');
window.onload = function(){
document.write('是的,被我覆盖了');
}
script>
body>
html>
显示如下:
这是因为当页面加载完成后,就会触发window.onload事件,然后调用document.write()方法,使之前的内容被覆盖。