iframe标签 替换页面不一样的div 怎么实现

您可以使用`iframe`标签来实现替换页面中不同的`div`的效果。以下是一个简单的示例代码：

HTML代码：

<div id="container">
  <ul>
    <li><a href="#page1">Page 1</a></li>
    <li><a href="#page2">Page 2</a></li>
  </ul>
  <div id="page">
    <iframe id="page1" src="page1.html"></iframe>
    <iframe id="page2" src="page2.html"></iframe>
  </div>
</div>

CSS代码：

#page iframe {
  display: none;
}
#page iframe.active {
  display: block;
}

JavaScript代码：

var container = document.getElementById("container");
var links = container.querySelectorAll("ul li a");
var iframes = container.querySelectorAll("#page iframe");

for (var i = 0; i < links.length; i++) {
  links[i].addEventListener("click", function(e) {
    e.preventDefault();
    var target = this.getAttribute("href").substring(1);
    for (var j = 0; j < iframes.length; j++) {
      iframes[j].classList.remove("active");
      if (iframes[j].id === target) {
        iframes[j].classList.add("active");
      }
    }
  });
}

这段代码为每个链接元素添加了一个点击事件监听器。当链接被点击时，它会阻止默认行为（即跳转到链接的URL），然后根据链接的`href`属性找到相应的`iframe`元素，并将其中一个添加`active`类，使其显示在页面上。同时，将其他`iframe`元素的`active`类移除，以隐藏它们。