1.不會覆蓋頁面：
如果僅僅是一句js語句：document.writeln('<span id=\'span1\'>嗯，你好</span>');
ps:\'是轉義字符，代表'
2.覆蓋頁面
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<p>你好。window.writeln</p>
<script>
document.writeln('<span id=\'span1\'>嗯，你好</span>');
document.write('123');
window.onload=function(){
document.writeln('<span id=\'span1\'>嗯，你好</span>');
}
</script>
</body>
</html>
效果：
我對於為什么會覆蓋的認識：
1.之前，是一直加載，寫入頁面內容。當加載完了，文檔流關閉。
2.當加載完成，觸發window.onload事件。在例子中onload綁定的函數有：document.write（*****）語句，這會讓文檔流再次打開【ps：是一個叫open（）的方法，該方法會清空當前文檔內容，然后再寫。寫完后調close方法，文檔流關閉】，所以就會出現覆蓋現象