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

Question

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

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

Answer 1

既然你用它标记了问题，这里是一个jQuery解决方案。

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

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

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

Answer 2

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

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

Answer 3

jQuery的简单方法是：

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

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

显然你可以用身体改变#result

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