如何在 JavaScript 中将 HTML 字符串分配给变量并轻松转义特殊字符

Question

我想将 HTML 字符串分配给 JavaScript 变量，但由于特殊字符而出现错误。有什么简单的方法可以逃脱这些字符吗？

我想在我的 js 文件中执行以下操作：

var messageTemplate = {
   defaultMessageTemplate : "<p>aaaa <b>_username_</b>,</p>
            <p>1sdfasşlğllğlğ.</p>
            <p><b>1 sdfsfsfü şesdfce 12 sfsf.</b></p>
            <p>Üsdfdsfsfsf üyelesfdsdfsdfmsdfdsfdava.</p>
            <p style="font-weight:bold; font-size: 16px;"><a href="/dsfsfs">sfsdfsf Yarasfsdfklayın</a></p>
        <p>Önsdfdsfpıİsdfdfsfn kaçırmayın.</p>
        <br/> <br/>fafaf, <br/>_domain_ Ekssibi</textarea></label></td>"
.... code continues here
};

Answer 1

转义 函数或较新的 encodeURIComponent。

Answer 2

使用转义函数：
http://www.devguru.com/technologies/ecmascript/quickref/escape.html

但请注意，这会逃避一切。这取决于您想对变量中的 html 执行什么操作。

Answer 3

您需要使用 \" 对用 " 引用的字符串内的 " 进行转义：

var messageTemplate = {
   defaultMessageTemplate : "<p>aaaa <b>_username_</b>,</p>
            <p>1sdfasşlğllğlğ.</p>
            <p><b>1 sdfsfsfü şesdfce 12 sfsf.</b></p>
            <p>Üsdfdsfsfsf üyelesfdsdfsdfmsdfdsfdava.</p>
            <p style=\"font-weight:bold; font-size: 16px;\"><a href=\"/dsfsfs\">sfsdfsf Yarasfsdfklayın</a></p>
        <p>Önsdfdsfpıİsdfdfsfn kaçırmayın.</p>
        <br/> <br/>fafaf, <br/>_domain_ Ekssibi</textarea></label></td>"
};

或者在可以使用 "< 的地方使用单引号/code> 而不转义它们（但您需要转义 '）：

var messageTemplate = {
   defaultMessageTemplate : '…'
};

如果此 JavaScript 代码嵌入到 HTML 中，您还 需要转义 不知何故。