Maison > interface Web > js tutoriel > Comment charger des pages HTML dans des DIV avec JavaScript ?

Comment charger des pages HTML dans des DIV avec JavaScript ?

Linda Hamilton
Libérer: 2024-11-30 02:55:14
original
172 Les gens l'ont consulté

How to Load HTML Pages into DIVs with JavaScript?

Chargement de pages HTML dans des DIV avec JavaScript

Il est possible de charger une page HTML dans un élément div à l'aide de JavaScript. Par exemple, le code suivant chargera home.html dans le div avec>

<br><div><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><a href="#" onclick="load_home()">HOME</a></p>
<p></div><br><div>< /div><br><script><br> fonction load_home() {</p>
<pre class="brush:php;toolbar:false">document.getElementById("content").innerHTML='<object type="text/html" data="home.html"></object>';
Copier après la connexion

}

Cela fonctionnera dans Firefox, mais dans Google Chrome, il demandera un plugin à installer. Pour résoudre ce problème, modifiez l'attribut type de l'objet en text/html. Cela permettra à Chrome de charger la page HTML sans nécessiter de plugin.

Le code final ressemble à ceci :

<br>function load_home() {<br> document. getElementById("content").innerHTML='<object type="text/html" data="home.html"></object>';<br>}<br>

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Recommandations populaires
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal