Question

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

Answer 1

当前页面的来源：

document.documentElement.outerHTML

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

编辑：错误innerHTML。

Answer 2

对于当前页面的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);
}

使用javascript和DOM获取当前页面的源代码

2 个答案:

对于当前页面的HTML，呈现为：

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

使用jQuery（简单路径）：

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