J'ai des pages HTML avec le même pied de page. Avec JavaScript et seulement JavaScript pourrais-je importer une autre page HTML à l'intérieur?
6 Réponses :
Vous pouvez utiliser AJAX pour renvoyer une page HTML entière. Si vous vouliez remplacer la page entière, vous pouvez remplacer l'étiquette du corps et tout ce qu'il s'agit des enfants actuellement sur la page avec la balise de corps renvoyée de l'appel Ajax.
Si vous vouliez simplement remplacer une section, vous devez écrire un script côté serveur pour créer cette section, utilisez AJAX comme ci-dessus, mais simplement remplacer un élément plutôt que la page entière.
Vous pouvez faire un côté serveur inclure, en fonction de votre serveur Web. Mais le moyen le plus rapide serait probablement de créer un fichier JavaScript utilisant le document.Write ou similaire à la sortie de la syntaxe HTML. et ensuite inclure simplement le fichier Javascippt créé la manière habituelle. Plus d'infos à: http://webdesign.about.com/od/ssi/a/aa052002a.htm
ainsi que ce que @Alex mentionné, jQuery a une méthode .charger () que vous pouvez utiliser pour récupérer une partie spécifique d'une page (voir la page de chargement des fragments de page. page) . Vous spécifiez l'URL que vous souhaitez récupérer avec un sélecteur (donc si vous ne vouliez que seulement un contenu spécifique par exemple).
0 commentaires
Comme ci-dessus, une méthode consiste à utiliser la charge JQuery. Je vais faire exactement la même chose maintenant, alors postera un exemple rapide.
Utilisation de jQuery: et votre page READHTMLFROMHERE.HTML comprendra: < / p>
Qu'est-ce que #Yourdiv? Est-ce que l'ID de l'emplacement souhaité dans le HTML principal (AKA Index.HTML)?
C'est le wrapper div injecter le code HTML. PAR EXEMPLE. HTML sera injecté ici. .
Vous pourriez définitivement, mais si tout ce que vous faites est de templatiser, je vous recommande de le faire sur le serveur.
Voici comment utiliser JavaScript pour ajouter un pied de page à votre page.
var ajax = new XMLHttpRequest();
ajax.open("GET", "footer.htm", false);
ajax.send();
document.body.innerHTML += ajax.responseText;