JSを使用してHTMLを動的に追加するには

Question

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フレームワークは、これに対してより高いレベルのユーティリティを持っています。

ところで、2つ目の例ではドメイン間の問題が原因で機能しません