javascript - 如何使用JS动态添加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" });
    });
});

您使用什么方法？

最佳答案

可以肯定使用字符串，外部文件只会向组合中添加新请求，您应尽量减少它们。加号字符串提供了将它们用作带有replace函数的模板的功能，或者某些js框架甚至为此提供了更高级别的实用程序。

顺便说一句，由于跨域问题，您的第二个示例不起作用