如何使用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动态加载外部页面。