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