3

如何使用JavaScriptand获取当前页面的源DOM？我必须使用AJAX吗？

4

2 回答 2

4

当前页面的来源：

document.documentElement.outerHTML

显然，这就是页面现在的样子。在 DHTML 的情况下，如果您想从服务器获取未经修改的源，您将需要进行 AJAX 调用以再次接收它，并在那里捕获它。

编辑：不正确innerHTML。

于 2012-06-16T12:42:05.313 回答
4

对于当前页面的 HTML，如下所示：

document.documentElement.outerHTML

或者，您可以使用innerHTML，但您只会获得<body>标签的内容。

对于当前页面的 HTML，在页面加载时检索：

使用 AJAX 调用动态地重新查询页面。

使用 jQuery（简单路径）：

任何其他现代 JavaScript 库都允许做类似的事情，但为了举例，使用 jQuery 将是：

$.ajax(window.location.href, {
  success: function (data) {
    console.log(data);
  }
});

使用 XMLHttpRequest 对象（涉及更多）：

显然，沿着准系统路线走，您需要自己处理更多事情，包括跨浏览器支持，但它的要点是：

var request = new XMLHttpRequest();

request.open('GET', window.location.href, false);
request.send();

if (request.status === 200) {
  console.log(request.responseText);
}
于 2012-06-16T12:45:35.453 回答