外部php页面花费太多时间来解析和加载javascript

Question

我有一个代码应该得到一个外部页面（在这个笼子里，PHP）解析并加载到另一个页面内，它就像一个iframe，但它使用JavaScript 。代码正在工作，但这是在页面上执行的最后一件事情，它必须等待整个页面上的所有内容加载，以便它可以执行。 我需要实现的是我需要它加载页面，或加载页面之前。

我相信这是因为偶数window.addEventListener。

<div style="min-height:300px; 
display: block;"> 

<script type="text/javascript"> 
function loadXMLDoc() 
{ 

var xmlhttp; 
if (window.XMLHttpRequest) 
    {// code for IE7+, Firefox, Chrome, Opera, Safari 
    xmlhttp=new XMLHttpRequest(); 
    } 
else 
    {// code for IE6, IE5 
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 
    } 
xmlhttp.onreadystatechange=function() 
    { 
    if (xmlhttp.readyState==4 && xmlhttp.status==200) 
    { 
    document.getElementById("myDiv020103").innerHTML=xmlhttp.responseText; 
    } 
    } 
xmlhttp.open("GET","http://www.jonasweb.net/samples.php",true); 
xmlhttp.send(); 
} 

if(window.addEventListener){ 
    window.addEventListener('load',loadXMLDoc,false); //W3C 
} 
else{ 
    window.attachEvent('onload',loadXMLDoc); //IE 
} 

</script> 
<div width="100%" id="myDiv020103"></div> 
</div> 
<div style="clear:both"></div> 

我试图创建一个FIDLE，但它不工作，http://jsfiddle.net/5wcncs1x/ 它只能在主机上。

Answer 1

我自己发现了。只是不得不改变：

if(window.addEventListener){ 
    window.addEventListener('load',loadXMLDoc,false); //W3C 
} 
else{ 
    window.attachEvent('onload',loadXMLDoc); //IE 
} 

为

document.addEventListener("DOMContentLoaded", loadXMLDoc, false);document.addEventListener("DOMContentLoaded", loadXMLDoc, false);