JavaScript动态加载外部页面某部分或全部代码

来源:【易网做网站设计/建设/制作/改版公司 | 更新:2020-04-18

如何使用JavaScript动态加载外部的页面的某个ID区块或整页内容到本页面中,下面请看易网分享示例代码。

1538031102113263.jpg

如何使用JavaScript动态加载外部的页面的某个ID区块或整页内容到本页面中,示例代码如下。

<a onclick="javascript:$('#LoadDiv1').load('1.html #id1');">在LoadDiv1的ID层中加载1.html中的id1的ID层</a>
<div id="LoadDiv1" style="width:100px; height: 100px; background: red;"></div>

1.html 代码内容:

<div id="id1">id1的内容</div><div id="id2">id2的内容</div>


PS.若加载1.html全部页面,则:

<a onclick="javascript:$('#LoadDiv1').load('1.html');">在LoadDiv1的ID层中加载1.html页面</a>

以上示例是通过按钮动态加载外部页面,也可以直接在页面渲染时通过js动态加载外部页面。