加載文檔的時候就像是創建了document對象，可以向文件流寫入東西，就像在script標簽里面直接寫一句document.write（“123”）;

那個document是一邊加載一遍進行寫操作，但是文檔加載成功之后，這個document對象就會關閉了。如果你這時你又重新加載了文檔，比如說你調用了函數（在js中運行編寫好程序后只是聲明了有這個函數，但并沒有調用，所以你一旦調用，就會重新加載文檔），就會新建一個document對象，它會覆蓋你之前的內容。這跟你函數放的位置無關，無論是在其他輸出語句的前后，還是說在head或body里面寫就不一樣，而是調用的時機，要明確什么時候文檔會重新加載。

document.write() 會加載新頁面并輸出，所以你頁面的button被覆蓋了