如何在JS中動態添加HTML（在字符串中？）

Question

我之前讀過的HTML只用於JS的HTML不應該在HTML中？那麼你如何存儲用於JS添加內容的標記。例如。標記爲jQuery的對話框，控制按鈕等

一些可能我看到的是：

作爲一個字符串http://jsfiddle.net/g7g7t/

$(function() { 
    var dialogHtml = '<div><label>Username</label><input type="text" name="username" /><br /><label>Password</label><input type="password" name="password" /></div>'; 
    var $dialog = $(dialogHtml).dialog({ 
     title: 'Dynamic Dialog' 
    }) 
}); 

這會導致混亂很快

作爲外部文件http://jsfiddle.net/3zFeT/（不起作用）

$(function() { 
    $.get("http://pastebin.com/raw.php?i=pFTCdN81", function(html) { 
     $(html).dialog({ title: "Dynamic Dialog" }); 
    }); 
}); 

---

你用什麼方法？

Answer 1

字符串肯定是一個外部文件只添加一個新的請求到混音中，你應該儘量減少它們。 Plust字符串可以用作替換函數的模板，或者某些js框架甚至可以爲此提供更高級的實用程序。

順便說一句，你的第二個例子不工作，因爲跨域問題