如何使用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動態加載外部頁面。