在一個HTML文件中使用document.write寫入另一個HTML文件

Question

是否可以在一個HTML文件中使用document.write寫入另一個HTML文件？

Answer 1

document.write不寫入文件，它在瀏覽器的窗口中寫入文件。您可以使用document.write在包含在一個頁面的腳本來寫另一個，就像這樣：

var wnd = window.open("about:blank"); 
wnd.document.write("Hi there"); 

Example | Source

...它創建一個新窗口並將輸出寫入它（您必須在用戶生成事件的處理程序中執行此操作，否則彈出窗口將被大多數瀏覽器阻止）。

您也可以與現有的窗口做到這一點，如果你知道它的名字，因爲window.open將讓您使用現有的窗口（假設所有這一切都是在同一個起源等的SOP不適用）：

var wnd = window.open("", "knownWindowName"); 
wnd.document.write("More content for the existing window"); 

Example | Source

document.write是一個相當陳舊（我相信在HTML5中不推薦使用）的方法來生成內容，儘管這種方式已經很久以來就已經被使用DOM取代了。一些參考：

• DOM2 Core
• DOM2 HTML
• DOM3 Core
• DOM2 Events
• DOM3 Events
• Other DOM Specs

你不妨使用像jQuery,YUI,Closure或any of several others這樣的godo庫，因爲它們在DOM之上提供了大量的實用功能，並有助於平滑瀏覽器的一些怪癖/差異/錯誤。