<div load 參數是一種用于在HTML文檔中動態加載內容的方法。通過使用這個參數，可以實現異步加載，提高網頁的加載速度和用戶體驗。當一個HTML文檔加載完成后，通過指定<div>元素的load屬性，可以異步加載另一個HTML文檔的內容，并將其插入到當前HTML文檔中指定的<div>元素內部。這種方法可以用于實現無刷新分頁加載、動態展示數據等功能。
以下是使用div load參數的幾個代碼案例，用于進一步說明其用法和效果。
案例一：實現無刷新分頁加載

以下是一個簡單的示例，演示了如何使用div load參數實現無刷新分頁加載。

<div id="paged-content" load="more.html">正在加載中...</div>
<button id="load-more-btn">加載更多</button>
<br>
<script>
const loadBtn = document.getElementById('load-more-btn');
const contentDiv = document.getElementById('paged-content');
<br>
  let pageNum = 1;
<br>
  loadBtn.addEventListener('click', function() {
const url = <code>page${pageNum++}.html</code>;
<br>
    const xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
contentDiv.innerHTML += this.responseText;
}
};
xhttp.open('GET', url, true);
xhttp.send();
});
</script>

在這個案例中，通過點擊"加載更多"按鈕，每次調用一個指定頁面的HTML文檔，并將其內容追加到指定的<div>元素內部。這樣就實現了無刷新分頁加載的效果。
案例二：動態展示數據

以下是另一個案例，展示了如何使用div load參數動態展示數據。

<div id="data-display" load="data.json">正在加載中...</div>
<br>
<script>
const dataDiv = document.getElementById('data-display');
<br>
  const xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
const data = JSON.parse(this.responseText);
let html = '';
<br>
      data.forEach((item) => {
html += <code><p>${item.name}: ${item.value}</p></code>;
});
<br>
      dataDiv.innerHTML = html;
}
};
xhttp.open('GET', 'data.json', true);
xhttp.send();
</script>

在這個案例中，通過指定一個JSON文件作為load參數，動態加載數據。加載完成后，依照數據的內容動態生成HTML，并將其插入到指定的<div>元素內部。
通過以上兩個案例，我們可以看到<div load參數的靈活性和使用場景的多樣性。它不僅可以用于實現無刷新分頁加載，還可以用于動態展示數據等各種需求。通過合理地運用<div load參數，可以大大提升網頁的交互效果和用戶體驗。