1. 首頁
  2. 問答
  3. 是否有一個原生的JavaScript等效於jquery .load（）

是否有一個原生的JavaScript等效於jquery .load（）

2015-08-21 57 views

回答

2

你可以嘗試這樣的。

document.getElementById("anyDiv").innerHTML='<object type="text/html" data="anyPage.html" ></object>';

來源

2015-08-21 16:06:56

+0

我可以用這個加載頁面，但是現在所有使用jquery腳本的CSS現在都不起作用。現在在「anyPage.htm」中使用的CSS顯示爲中斷....或者其需要CSS的「」容器。有什麼建議麼？ – MarkL

+0

是''標籤需要'CSS'。 在您的標籤內嘗試使用'cssfile = http：//www.yoursite.com/site1.css''。 /t-using-a-stylesheet-inside-an-object-tag-71466.html –

+0

顯然有標記的限制....它會用滾動條渲染......我無法得到關閉它我希望有一個簡單的原生JavaScript等價物......但是它出現了jquery的.load（）在各個方面都很難被打敗 – MarkL

4

是的，有：

function load(target, url) { 
    var r = new XMLHttpRequest(); 
    r.open("GET", url, true); 
    r.onreadystatechange = function() { 
    if (r.readyState != 4 || r.status != 200) return; 
    target.innerHTML = r.responseText; 
    }; 
    r.send(); 
} 

load(document.getElementById('anyDiv'), 'anyPage.htm');

來源

2015-08-21 15:53:09

+0

我不能讓這一個在工作所有。 – MarkL

+0

不知道你有什麼問題，但它確實有效。看到這個小提琴（必須切換到POST以使用jsfiddle的XHR端點）。 https://jsfiddle.net/rddw5eac/ –

相關問題

 相關問題