3

JavaScriptandを使用して現在のページのソースを取得するにはどうすればよいDOMですか? 使用する必要がありますAJAXか?

4

2 に答える 2

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 に答える
4

現在のページのソース:

document.documentElement.outerHTML

明らかに、それが現在のページの外観です。DHTML の場合、サーバーから提供されたままの状態で変更されていないソースを取得したい場合は、AJAX 呼び出しを行って再度受信し、そこでキャプチャする必要があります。

編集:間違っていinnerHTMLました。

于 2012-06-16T12:42:05.313 に答える