如何使用 JavaScript 将 HTML 页面加载到 DIV 中？

使用 JavaScript 将 HTML 页面加载到 DIV 中

可以使用 JavaScript 将 HTML 页面加载到 div 元素中。例如，以下代码将使用 >

<pre>
<div>

&lt;a href=&quot;#&quot; onclick=&quot;load_home()&quot;&gt;HOME&lt;/a&gt;</p>
<p>&lt;/div&gt;<br>&lt;div>&lt; 将 home.html 加载到 div 中/div><br><script><br> 函数 load_home() {</p><pre class="brush:php;toolbar:false">document.getElementById(&quot;content&quot;).innerHTML='&lt;object type=&quot;text/html&quot; data=&quot;home.html&quot;&gt;&lt;/object&gt;';</p>
<p>}<br>&lt;/script&gt;<br>&lt;/pre&gt;</p>
<p>这适用于 Firefox，但在 Google Chrome 中，它会要求安装插件待安装。要解决此问题，请将对象的 type 属性更改为 text/html。这将导致 Chrome 无需插件即可加载 HTML 页面。</p>
<p>最终代码如下所示：</p>
<p></p>
<pre class="brush:php;toolbar:false"><br>function load_home() {<br> document. getElementById("content").innerHTML='}<br>&lt;/pre&gt;

以上是如何使用 JavaScript 将 HTML 页面加载到 DIV 中？的详细内容。更多信息请关注PHP中文网其他相关文章！