2012-02-29 38 views
7

Quiero que el código fuente de una página HTML (1.html) se use en otra página (2.html). Además, quiero realizar operaciones en él en 2.html.Obtener código fuente HTML como una cadena

¿Hay alguna manera de hacerlo?

EDITAR: 1.html es una página web pública independiente y no tengo acceso para realizar cambios en su código fuente. Tengo que hacer lo que necesito solo usando 2.html.

+0

¿Qué tipo de operaciones? –

+0

¿Desea obtener el contenido completo de la página 1.html desde 2.html con jQuery? Podrías hacer una solicitud de AJAX y obtenerla si entendiera bien lo que quieres hacer. –

+0

@Pekka: Operaciones simples como extraer innerHTML de 1.html y mostrarlo en 2.html Aldo 'xeon': es una solicitud de dominio cruzado, por lo que AJAX no funciona. – user1196522

Respuesta

15

Para obtener el DOM convierte en una cadena:

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

Pregunta: ¿qué es lo que quiere decir con "usarlo"? ¿Necesita incluir 1.html dentro de 2.html? ¿O solo necesitas procesarlo?

+0

Póster quiere páginas HTML diferentes. – 472084

+0

solo necesito procesarlo ... Tengo acceso para cambiar el código fuente de solo 2.html .. – user1196522

+7

'.innerHTML' en realidad no devuelve el código fuente, genera html para que se corresponda con el árbol DOM actual. Diferencia sutil, pero aún así ... – nnnnnn

3

Es muy simple

En 2.html uso de este fragmento de código jQuery

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

jQuery:

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

Heh .. Te gané por 3 Secs .... – Starx

1

No entiendo whatyou significa que usted debe hacer modificaciones, pero simplemente podría cargar la segunda página a través de AJAX

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

}); 
0

El uso puede usar el método .html alternativamente para obtener todos los datos html de la página.

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