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

【问题标题】：Appending HTML to end of body using javascript使用 javascript 将 HTML 附加到正文的末尾
【发布时间】：2010-03-21 21:08:35
【问题描述】：

我有几个在应用程序的不同点需要的面框（灯箱）模板。这些存储在不同的部分和文件中。

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

【问题讨论】：

【解决方案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>

显然你可以用 body

改变 #result

【讨论】：

谢谢！这非常有帮助。知道如何在 Rails 中做到这一点吗？它通常是部分的（_partial.html.erb），不能称为（“/partial”）
如果你想用 js 动态加载这些部分，你必须用一个路由来暴露它们。将test.html 替换为/path/to/my/action/to/render_partial。或者，如果您知道自己需要它们，请将部分渲染到视图中并使用 display:none; 隐藏它们，直到您在 Facebook 中使用它们。
阅读这个stackoverflow.com/questions/2229811/…和这个stackoverflow.com/questions/2484958/rails-ajax-jquery-problem

【解决方案3】：

您也可以尝试一些模板库.. 比如车把和下划线..

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

【讨论】：

【解决方案4】：

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

示例 1：

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

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

行数据 - 要附加的 html，

参数-如果要在浏览器上动态显示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>" );

【讨论】：