2012-02-29 11 views
7

HTMLページのソースコード(1.html)を別のページ(2.html)で使用したいと考えています。さらに、私は2.htmlで操作を実行したい。HTMLソースコードを文字列として取得

これを行う方法はありますか?

編集:1.htmlは公開された別のウェブページであり、ソースコードに変更を加えることはできません。私は2.htmlを使って、私が必要とするものを何でもしなければなりません。

document.getElementsByTagName('html')[0].innerHTML 

質問:

+0

どのような操作ですか? –

+0

j.htmlを使用して2.htmlから1.htmlページ全体のコンテンツを取得しますか?あなたがしたいことを正しく理解すれば、AJAXリクエストを作成して取得することができます。 –

+0

@Pekka:1.htmlからいくつかのinnerHTMLを抽出し、2.html Aldo 'xeon'に表示するなどの単純な操作:AJAXが機能しないクロスドメイン要求です。 – user1196522

答えて

15

は、取得するにはDOMを文字列に変換しますが、「それを使用する」とはどういう意味ですか?あなたは2.htmlの中に1.htmlを含める必要がありますか?それとも、それを処理するだけですか?

+0

Posterは別のページのHTMLを必要としています。 – 472084

+0

私はちょうどそれを処理する必要があります。2.htmlだけのソースコードを変更するアクセスがあります。 – user1196522

+7

'.innerHTML'は実際にソースコードを返しません、現在のDOMツリーに対応するHTMLを生成します。微妙な違いですが、まだまだ... – nnnnnn

3

このjQueryのは

$.get("1.html", function(response) { 
    alert(response) 
    //do you operations 
}); 
3

スニペット2.html使用上の非常にシンプルな

のjQuery:

$.get('ajax/test.html', function(data) { 
    $('.result').html(data); 
    alert('Load was performed.'); 
}); 
+1

ちょっと...私は3秒であなたを打つ.... – Starx

1

私は、あなたが変更を加える必要があることを意味しwhatyou理解していないが、あなたは、単に可能性2番目のページをAJAXにロードする

var url ="1.html"; 
$.ajax({ 
    url: url, 
    dataType: 'html' 
    success: function(data){ 
      //do something with data, which is the page 1.html 
      } 

}); 
0

代わりに.htmlメソッドを使用すると、ページのHTMLデータ全体を取得できます。

$(function(){ 
    var a = ($('html').html()) 
})​