如何在 div 中加載頁面？

Question

有人告訴我，使用 Divs 而不是 iframe 是前進的方向，所以我使用的是橫幅和主體中的框架。 如何將我的 index.html 加載到我的 div 中？

Answer 1

您是否嘗試過 jquery 的 load()。 使用服務器端技術，您可以輕松做到這一點。

Answer 2

使用 jQuery：

jQuery('#myDiv').load('http://example.com/somefile.html');

不帶 jQuery：

var request = new XMLHttpRequest();
request.open('GET', 'http://example.com/somefile.html', true);
request.onreadystatechange = function (anEvent) {
   if (request.readyState == 4) {
      if(request.status == 200) {
         document.getElementById("myDiv").innerHTML = request.responseText;
      }
   }
};
request.send(null);

通常我使用這種方法來動態加載內容的小片段。 如果要加載大量內容（如整個頁面），使用 div 可能是個壞主意。 iframe 對於這種情況會更好。

Answer 3

$(".divClassHere").load("url path here");

但是，在我看來，您更像是在使用MasterPage結構（如果您有 ASP.NET）或文件導入

Answer 4

有人說對象而不是 iframe 是前進的方向。 但是 div 和 iframe 是完全不同的東西。 iframe 就像頁面中的單獨頁面。 它有不同的上下文、不同的腳本、不同的 css... 使用 object 可以實現類似的結果。 但是這樣的事情不能用 div 完成。

您可以將內容加載到 div 中。 您可以使用 javascript 來更改 div 的內容。 通過 ajax 調用，您可以獲得 url 的內容，可以使用 javascript 將其放入 div 中。

但這與 iframe 完全不同。

Answer 5

您為每個不同的文檔創建一個單獨的頁面，然后使用某種形式的模板或包含系統來自動復制常見內容。

Answer 6

您使用的是哪種服務器端語言？

首先嘗試使用您的服務器端語言來實現這一點。 例如，如果您使用 PHP 您可以使用include

如果您使用 coldfusion 考慮使用cfinclude

如果您被告知通過 javascript 進行操作，那么唯一的方法是 Ajax。