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

вот сделка.

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

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

Ответ 1

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

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

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

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

Ответ 2

простой способ с jQuery:

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

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

очевидно, вы можете изменить #result на тело

Ответ 3

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

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

Ответ 4

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

Пример 1:

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

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

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

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

#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>" );