使用javascript将HTML追加到正文末尾

我有几个在应用程序的不同点上需要的facebox（lightbox）模板。它们存储在不同的分区和文件中

---

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

既然您用它标记了问题，下面是一个jQuery解决方案

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

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

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

var p=$（“
”）文本（“一段”）；
$（“正文”）。附加（p）；

使用jQuery的简单方法是：

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

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

$（'#result'）.load（'test.html'）；

---

显然，您可以使用body

更改结果，也可以尝试一些模板库。。 像把手和下划线

---

并在backbone.js提供的el中追加

假设您想在模板中追加这个html，那么您可以根据您的应用程序使用下面的代码 考虑代码

示例1:

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

rowData+=''+param1+''；
rowData+=''+param2+''；
$（'#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>" );

$（“.inner”）.append（“上帝是伟大的”
”；

谢谢！这非常有用。你知道如何在rails中实现这一点吗？它通常是一个partial（_partial.html.erb），不能称为（“/partial”）。如果您想用js动态加载这些partial，您必须用一个路由公开它们中的每一个。将

test.html

替换为

/path/to/my/action/to/render\u partial

。或者，如果您知道您将需要它们，请将部分渲染到视图中，并使用

display:none直到你在你的facebox中使用它们。阅读这个和这个