Estoy intentando cargar contenido de un div en una página de mi sitio a otra página de mi sitio al cargar la página.
El siguiente código (de ejemplo) parece lograrlo de manera efectiva.
Sin embargo... ¿cómo incluiría también todo el CSS asociado con el contenido?
Cualquier ayuda sería muy apreciada.
PÁGINA FUENTE
<!DOCTYPE html> <html> <head lang="en"> <link rel="stylesheet" href="exampleStylesheet.css"> </head> <body> <div>SOURCE CONTENT HERE</div> </body> </html>PÁGINA DE DESTINO
<!DOCTYPE html> <html> <head lang="en"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> </head> <body> <div id="loadedContent"></div> <script> $('#loadedContent').load("contentToLoad.html"); <!-- loads other page's content --> </script> </body> </html>EJEMPLO CSS
body { margin: 0; background-color: blue; }