Comment charger un autre fichier html en utilisant JS

J'essaie de créer un site Web, et j'essaie de comprendre comment charger une page.Comment charger un autre fichier html en utilisant JS

Par exemple:

Vous cliquez sur le navigateur « Home » alors en bas de l'écran, il charge un texte de sorcière page en disant par exemple « Bonjour Parole! ».

Est-ce que quelqu'un sait quoi faire? Je suis sûr que cela implique JavaScript.

Source

2013-09-21 Shaun

http://www.w3.org/wiki/HTML_links_-_lets_build_a_web#What_are_links.3F – Quentin

Pas très utile de ma compréhension, désolé. – Shaun

Parlez-vous des applications d'une seule page? Vous restez toujours sur la même page, mais le contenu est rechargé. –

Pour charger dynamiquement du contenu, vous pouvez effectuer un appel AJAX à l'aide de XMLHttpRequest().

Dans cet exemple, une URL est transmise à la fonction loadPage(), dans laquelle le contenu chargé est renvoyé.

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
     <script type="text/javascript"> 
      function loadPage(href) 
      { 
       var xmlhttp = new XMLHttpRequest(); 
       xmlhttp.open("GET", href, false); 
       xmlhttp.send(); 
       return xmlhttp.responseText; 
      } 
     </script> 
    </head> 

    <body> 
     <div onClick="document.getElementById('bottom').innerHTML = 
         loadPage('hello-world.html');">Home</div> 

     <div id="bottom"></div> 
    </body> 

</html>

Lorsque l'élément div contenant le texte de « Home » est cliqué, il définit le code html de div id élément avec de « bas » au contenu trouvé dans le document « bonjour-world.html » au même rapport emplacement.

bonjour-world.html

<p>hello, world</p>

Source

2013-09-21 08:43:48

Merci, mais une question à l'esprit. Qu'en est-il plus de 1 pages. Ce qui se passerait? – Shaun

Plusieurs documents peuvent être chargés, remplaçant ou ajoutant du contenu en appelant plusieurs fois cette implémentation. –

Merci, mec! Vous êtes génial. Merci beaucoup pour votre aide. – Shaun

Ok, ce que vous cherchez est une application unique page.

Il existe de nombreuses technologies qui l'implémentent, mais pas si facile.

Voici un tutoriel j'ai suivi pour le faire: http://andru.co/building-a-simple-single-page-application-using-angularjs

Si vous voulez aller plus loin avec bain bouillonnant, vous aurez certainement besoin de modèles angulaires.

Source

2013-09-21 08:45:50

Comment charger un autre fichier html en utilisant JS

Répondre

Questions connexes