2015-10-18 122 views
0

我有一个代码应该得到一个外部页面(在这个笼子里,PHP)解析并加载到另一个页面内,它就像一个iframe,但它使用JavaScript 。代码正在工作,但这是在页面上执行的最后一件事情,它必须等待整个页面上的所有内容加载,以便它可以执行。 我需要实现的是我需要它加载页面,或加载页面之前。外部php页面花费太多时间来解析和加载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/ 它只能在主机上。

+0

这似乎是香草javascript和jQuery的不是真的 – 2015-10-18 06:00:21

+0

?然后编辑。 –

+0

真的,我希望你知道jquery是什么 – 2015-10-18 06:12:12

回答

0

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

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); 
相关问题