Добавление HTML в конец тела с использованием JavaScript

Question

У меня есть несколько шаблонов для фейсбоксов (лайтбокс), которые мне нужны в разных точках приложения. Они хранятся в разных файлах и файлах.

Я буду инициализировать различные функции javascript, в соответствии с тем, какие мне нужны. Вопрос в том, как лучше всего добавить внешнюю HTML-страницу в мое тело с помощью javascript?

Answer 1

Поскольку вы пометили вопрос им, вот решение jQuery.

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

Помните, что параметр также может быть элементом DOM. Таким образом, вы можете сделать это:

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

Answer 2

Предположим, что вы хотите добавить этот HTML в свой шаблон, тогда вы можете использовать приведенный ниже код в соответствии с вашим приложением. Рассмотрим код

Пример 1:

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

и, пожалуйста, убедитесь, что js должен быть включен в этот файл.Вот информация о использованной выше переменной:

данные строки - HTML-код, который вы хотите добавить,

param - если вы хотитединамически показывать значение переменной сценария java в браузере,

# ID - идентификатор div, в который вы хотите добавить этот html

пример 2 : рассмотрим следующий HTML:

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

Вы можете создавать контент и вставлять его сразу в несколько элементов:

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

Answer 3

Также вы можете попробовать некоторые шаблоны библиотеки .. Как руль и подчеркивание ..

и добавить в el предоставленный backbone.js

Answer 4

простой способ использования jQuery:

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

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

очевидно, вы можете изменить # результат с body