使用javascript将HTML附加到正文的末尾

Question

我在应用程序的不同位置有几个facebox（lightbox）模板。它们存储在不同的部分和文件中。

我将根据我需要的函数初始化不同的javascript函数。问题是，使用javascript将外部HTML页面附加到我的身体的最佳方法是什么？

Answer 1

由于您使用它标记了问题，因此这是一个jQuery解决方案。

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

请记住，该参数也可以是DOM元素。所以你可以这样做：

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

Answer 2

使用jQuery的简单方法是：

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

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

显然你可以用 body

更改 #result

Answer 3

另外你可以尝试一些模板库.. 像车把和下划线..

并附加在backbone.js

提供的el中

Answer 4

假设您要在模板中附加此html，则可以根据您的应用使用以下代码 考虑代码

示例1：

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

请确保js应该包含在该文件中。 以下是上面使用的变量信息：

行数据 - 您要追加的html，

param - 如果要在浏览器上动态显示java脚本变量的值，

#ID - 要在其中追加此HTML的div的ID

示例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>" );