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

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

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

<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>< 将 home.html 加载到 div 中/div><br><script><br> 函数 load_home() {</p><pre class="brush:php;toolbar:false">document.getElementById("content").innerHTML='<object type="text/html" data="home.html"></object>';</p>
<p>}<br></script><br>

这适用于 Firefox，但在 Google Chrome 中，它会要求安装插件待安装。要解决此问题，请将对象的 type 属性更改为 text/html。这将导致 Chrome 无需插件即可加载 HTML 页面。

最终代码如下所示：

<br>function load_home() {<br> document. getElementById("content").innerHTML='}<br>

登录后复制

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