2013-05-28 60 views
-3

如何使用javascript而不是JQuery從另一個HTML文件加載HTML文件?javascript在html中加載html

我見過幾個使用jquery .load函數的例子,但我需要知道如何使用簡單的javascript加載html文件。

+0

請分享你到目前爲止嘗試過的東西 –

+3

他們使用jQuery是因爲你需要做一個AJAX調用,而jQuery爲你提供了一個簡單的方法來做到這一點。如果你不這樣做,你將不得不建立你自己的AJAX調用。 http://stackoverflow.com/questions/8567114/how-to-make-an-ajax-call-without-jquery你有一個例子在這裏。 – DaGLiMiOuX

+0

使用HTML iframe標籤 – vikas

回答

1

jQuery加載函數是一個簡單的包裝XMLHttpRequest對象,該對象使用指定的URL加載內容並將其放入匹配的元素中。因此,您的示例$("head").load("sample.html");將加載sample.html頁面的內容並將其放入head標記中。

爲了做到這一點沒有jQuery,你需要直接創建XMLHttpRequest對象。確切的代碼取決於你的目標瀏覽器,但你可以在網上找到很多例子。一個好地方開始是w3schools.com

0

你應該看看:https://developer.mozilla.org/en-US/docs/AJAX/Getting_Started 並在readyState == 4請求已完成。一個成功的請求會產生一個HTTP 200消息:

if (httpRequest.readyState === 4) { 
    if (httpRequest.status === 200) { 

這些是守護子句,它會在後續檢查結果。 兩次檢查都通過後,您可以將結果(httpRequest.responseXML)附加到DOM。