1

以下のコードを使用すると、メニューのリンクをクリックして、サイトの div に HTML ページを読み込むことができます。

さて、問題は、HTML ページを div にロードするときに問題なくロードされることですが、HTML ページの他のコンテンツと一緒にロードする必要がある元の背景色がありません。他のすべての CSS 要素は問題ないようです。

よろしくお願いします。

js コード:

function processAjax(url) 
{ 
    if (window.XMLHttpRequest) { // Non-IE browsers 
        req = new XMLHttpRequest(); 
        req.onreadystatechange = targetDiv; 
        try { 
            req.open("GET", url, true); 
        }
        catch (e) { 
             alert(e); 
        } 
        req.send(null); 
    } else if (window.ActiveXObject) { // IE 
          req = new ActiveXObject("Microsoft.XMLHTTP"); 
             if (req) { 
               req.onreadystatechange = targetDiv; 
               req.open("GET", url, true); 
               req.send(); 

    } 
} 
return false; 
} 

function targetDiv() { 
    if (req.readyState == 4) { // Complete 
          if (req.status == 200) { // OK response 
              document.getElementById("containerDiv").innerHTML = req.responseText; 
          } else { 
            alert("Problem: " + req.statusText); 
          } 
    }  
}

html:

<a onclick="return processAjax(this.href)"  href="example.html">CLICK ME</a>
<div id="containerDiv"></div>
4

2 に答える 2

1

ページからスタイル要素を取得し、head に追加します。

var styles = document.getElementsByTagName('style');
var head = document.getElementsByTagName('head')[0];

for(var x = 0; x < styles.length; x++){
    head.appendChild(styles[x]);
}

編集：

最初に、返された html を要素として設定します。

var div = document.createElement('div');
div.innerHTML = req.responseText;
var styles = div.getElementsByTagName('style');
for(var x = 0; x<styles.length;x++){
    document.getElementsByTagName('head')[0].appendChild(styles[x]);
}

古いコードではなく新しいコードを使用し、if(reg.status == 200)ブロックに入れます。

于 2013-05-17T17:01:51.410 に答える
0

に変更.innerHTMLする.htmlか、単に使用する.load(req.responseText)

.innerHTML私が信じるすべてを上書きします。セクションを変更したいだけです。

于 2013-05-17T16:58:33.050 に答える