Agregar HTML al final del cuerpo usando javascript

aquí está el trato.Agregar HTML al final del cuerpo usando javascript

tengo varias plantillas para faceboxes (lightbox) que necesito en diferentes puntos de la aplicación. estos se almacenan en diferentes parciales y archivos.

inicializaré diferentes funciones de JavaScript de acuerdo con las que necesito. La pregunta es, ¿cuál es la mejor manera de agregar la página HTML externa a mi cuerpo usando javascript?

Fuente

2010-03-21 ming yeow

Dado que etiquetó la pregunta con ella, aquí hay una solución de jQuery.

$("body").append("text");

Recuerde que el parámetro también puede ser un elemento DOM. Así que usted puede hacer esto:

var p = $("<p/>").text("a paragraph"); 
$("body").append(p);

Fuente

2010-03-21 21:23:47

de forma sencilla con jQuery es:

$('#result').load('test.html'); 

<div id="result"><!--/ Hold My Data! /--></div>

Obviamente se puede cambiar #result con cuerpo

Fuente

2010-03-22 02:26:39

gracias! esto fue súper útil. ¿Alguna idea de cómo se puede hacer esto en rieles? a menudo es parcial (_partial.html.erb), que no se puede llamar como ("/ partial") –

Si desea cargar esos parciales dinámicamente con js, deberá exponer cada uno de ellos con una ruta. Reemplace 'test.html' con'/path/to/my/action/to/render_partial'.Alternativamente, si sabes que los necesitarás, renderiza los parciales en la vista y escóndelos con 'display: none;' hasta que los uses en tu facebox. –

Lea esto http://stackoverflow.com/questions/2229811/load-partial-with-jquery-and-rails AND this http://stackoverflow.com/questions/2484958/rails-ajax-jquery-problem –

También puede intentar alguna biblioteca de plantillas .. Como manillar y guión bajo ...

y añádelo a th E el proporcionada por Backbone.js

Fuente

2013-12-24 12:20:32 Sam

-1

Supongamos que desea añadir este código HTML en su plantilla, a continuación, puede utilizar el siguiente código de acuerdo a su aplicación Considere el código

Ejemplo 1:

rowData += '<div style="width: 130px;">'+param1+'</div>'; 
rowData += '<div style="width: 130px;">'+param2+'</div>'; 
$('#ID').html(rowData);

y asegúrese de que los js se incluyan en ese archivo. Aquí está la información de la variable utilizada anteriormente:

datos de fila - el código HTML que desea anexar,

parámetro - si desea mostrar el valor de la variable de java script en el navegador de forma dinámica,

#ID - ID del div en la que desea añadir este código hTML

ejemplo 2: Considere el siguiente código HTML:

<h2>Hello World</h2> 
<div class="user"> 
    <div class="inner">Hi</div> 
    <div class="inner">Bye</div> 
</div>

Puede crear contenido e insertarlo en varios elementos a la vez:

$(".inner").append("<p>GOD IS GREAT</p>");

Fuente

2014-01-25 06:29:59 gargAman

Agregar HTML al final del cuerpo usando javascript

Respuesta

Cuestiones relacionadas