Insérer la page externe html dans une page html

Question

Je voudrais charger/insérer une page html externe dans ma page Web. Exemple:

<b>Hello this is my webpage</b> 
You can see here an interresting information : 

XXXX 

Hope you enjoyed 

la XXXX devrait être remplacé par un petit script (le plus petit possible) qui charge une page comme http://www.mySite.com/myPageToInsert.html

J'ai trouvé le code suivant avec jquery:

<script>$("#testLoad").load("http://www.mySite.com/myPageToInsert.html");</script>  
<div id="testLoad"></div> 

Je voudrais la même sans utiliser une bibliothèque javascript externe comme jquery ...

Answer 1

Il y a 2 solutions pour ce (2 que je sais au moins):

1. Iframe -> celui-ci est pas recommandé

2. Envoie une requête ajax à la page souhaitée.

Voici un petit script:

<script type="text/javascript"> 

function createRequestObject() { 
    var obj; 
    var browser = navigator.appName; 
    if (browser == "Microsoft Internet Explorer") { 
     obj = new ActiveXObject("Microsoft.XMLHTTP"); 
    } else { 
     obj = new XMLHttpRequest(); 
    } 
    return obj; 
} 

function sendReq(req) { 
    var http = createRequestObject(); 
    http.open('get', req); 
    http.onreadystatechange = handleResponse; 
    http.send(null); 
} 

function handleResponse() {  
    if (http.readyState == 4) { 
     var response = http.responseText; 
     document.getElementById('setADivWithAnIDWhereYouWantIt').innerHTML=response; 
    } 
} 

sendReq('yourpage'); 
//previously </script> was not visible 
</script> 

Answer 2

Souhaitez un iframe adapter la facture?

<b>Hello this is my webpage</b> 
You can see here an interresting information : 

<iframe id="extFrame" src="http://www.mySite.com/myPageToInsert.html"></iframe> 

Hope you enjoyed 

Vous pouvez définir l'élément de votre iframe attribut src utilisant vieux javascript simple pour changer la page pour une autre

Answer 3

Je pense que ce que vous cherchez sont dans le code source Jquery.

vous pouvez voir plus de détails ici $(document).ready equivalent without jQuery