动态显示局部html内容

在JavaScript中，你可以使用DOM操作来动态地显示局部HTML内容。以下是一个简单的例子，展示了如何通过JavaScript更改页面上的内容。

HTML部分:

<div id="content">这里将显示内容</div>
<button id="load-btn">加载内容</button>

JavaScript部分:

document.getElementById('load-btn').addEventListener('click', function() {
    var xmlhttp = new XMLHttpRequest();
    xmlhttp.onreadystatechange = function() {
        if (this.readyState == 4 && this.status == 200) {
            document.getElementById('content').innerHTML = this.responseText;
        }
    };
    xmlhttp.open("GET", "partial.html", true);
    xmlhttp.send();
});

在这个例子中，当用户点击按钮时，JavaScript会创建一个XMLHttpRequest对象来异步获取局部HTML文件partial.html的内容。当内容加载完成并且状态为200（即请求成功）时，partial.html的内容会被设置到id为content的div元素中，从而动态更新页面上的内容。