????????? JavaScript動態加載外部頁面某部分或全部代碼 ?????????

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