在div中加載html頁面

如何加載div內的html頁面。使用「對象」標記正在加載，但我認爲這不是一個好方法。它不是一個外部文件。道場對此有好處嗎？在div中加載html頁面

2010-08-25 coder247

沒有全光照g iframes :) – coder247 2010-08-25 09:18:20

這也適用於使用... ...道場

<script type="text/javascript"> 
var url = dojo.moduleUrl("dijit.form", "help.html"); 
dojo.xhrGet({ 
    url: url, 
    load: function(html){ 
     dojo.byId("mycontent").innerHTML = html; 
    } 
}); 
</script> 

<div id="mycontent"> 

</div>

更新：

在道場1.7+，使用require.toUrl代替dojo.moduleUrl

來源

2010-08-25 11:44:47 coder247

我不完全確定你在找什麼，但是如果你希望在另一個HTML文檔中顯示HTML文檔，那麼我認爲唯一的方法就是使用iframe。看看這個教程：http://www.designplace.org/tutorials.php?page=1&c_id=1

也許你可以將代碼加載HTML文檔，並奪走了HEAD和包裝BODY元素，然後插入DIV元素。

編輯：啊，沒有iframes你說。那麼，我建議後者。 ^^

來源

2010-08-25 09:22:33 gablin

使用jQuery

$("#mydiv").load("myexternalfile.html");

來源

2010-08-25 09:24:04 Starx

這是否會過濾掉不需要的元素，例如'HTML'，'HEAD'和'BODY'？如果是這樣，那麼這將是相當優雅的解決方案。比嘗試手動插入要好得多。 – gablin 2010-08-25 09:27:24

不會從「myexternalfile.html」中提取所有html，然後將其放入div中。 – Starx 2010-08-25 09:31:34

-1

你必須使用jQuery負載（）方法。這裏jQuery的參考有關負載方法：http://api.jquery.com/load/

來源

2010-08-25 10:04:22

沒有理由使用jQuery只是內容加載到你的頁面（如只有一個DIV）如果有這需要框架的功能:)

這應該沒有其他任務完成AJAX基礎知識。看看這個：http://www.w3schools.com/ajax/tryit.asp?filename=tryajax_first

來源

2010-08-25 10:20:03

你仍然可以使用jquery通過ajax調用來加載內容。取出結果並刪除<body>及其前面的所有內容，並刪除它後面的所有內容。你可以使用正則表達式來確保包含body標籤的任何屬性。

然後你留下了原始的html，你可以使用jQuery添加到div中。

jQuery.ajax({ 
    url: 'page.html', 
    success: function(data, textStatus, XMLHttpRequest) { 
     data = data.replace(/.*<body.*?>/gi,''); 
     data = data.replace(/</body>.*/gi,''); 
     jQuery('#myDiv').html(data); 
    } 
});

我的正則表達式是有點生疏了，所以你可能需要調整的是:)

來源

2010-08-25 11:07:21

在div中加載html頁面

回答

相關問題