div中加载html js,Div里面载入另一个页面的实现(Ajax取代框架)

要在一个 div 中加载另一个页面的 HTML 和 JavaScript，可以使用 Ajax 技术。

以下是实现的步骤：

1. 创建一个空的 div 元素，用于容纳加载进来的页面内容：

<div id="content"></div>

2. 使用 JavaScript 发起 Ajax 请求，获取要加载的页面内容：

var xhr = new XMLHttpRequest();
xhr.open('GET', 'page.html', true);
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    var content = xhr.responseText;
    // 将获取到的页面内容插入到 div 中
    document.querySelector('#content').innerHTML = content;
  }
};
xhr.send();

3. 在加载进来的页面中可以包含 JavaScript 代码，这些代码会在页面加载完成后自动执行。

注意事项：

- 被加载的页面必须在同一个域名下，否则会受到浏览器的跨域限制。
- 加载进来的页面中如果包含外部样式表或者图片等资源，浏览器会自动发起请求加载这些资源。