Comment charger des pages HTML dans des DIV avec 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><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>';

}

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!