首页 >web前端 >js教程 >如何使用 JavaScript 将 HTML 页面加载到 DIV 中?

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

Linda Hamilton
Linda Hamilton原创
2024-11-30 02:55:14184浏览

How to Load HTML Pages into DIVs with JavaScript?

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

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

<br><div><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中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn