javascript - 如何使用 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 框架甚至为此提供了更高级别的实用程序。

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