首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >在HTML模板中保留与符号字符代码

在HTML模板中保留与符号字符代码
EN

Stack Overflow用户
提问于 2018-12-06 03:53:59
回答 2查看 67关注 0票数 1

我有一个带有标签的表格:

代码语言:javascript
复制
var labels = ['Hello user, start here', 'E&Y']; //etc

标签在HTML中连接起来,如下所示:

代码语言:javascript
复制
'<p>'+label[i]+'</p>'

所以效果是:

代码语言:javascript
复制
<p>Hello user, start here</p>

浏览器显示文本'Hello user, start here'。这是一个很好的行为,但我想在另一种情况下也显示标签,如下所示:

代码语言:javascript
复制
<p>Hello user&#44; start here</p>

所以

没有解码的'Hello user&#44; start here'

怎样才能达到预期的效果?

编辑:

我简化了这个过程,清楚地向我们展示了我的意思:

代码语言:javascript
复制
var labels = ['Hello user&#44; start here', 'E&amp;Y'];
var label = $( "<p>"+labels[0]+"</p>");
$("body").append(label);

我不能修改标签数组。

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2018-12-06 04:09:33

当您将文本直接放入文本节点时,它将不会被解码:document.createTextNode(labels[0])

代码语言:javascript
复制
var labels = ['Hello user&#44; start here', 'E&amp;Y'];

document.body.insertAdjacentHTML(
  "beforeend",
  '<p>'+labels[0]+'</p>'
);

document.body.appendChild(
  document.createTextNode(labels[0])
);

jquery:

代码语言:javascript
复制
var labels = ['Hello user&#44; start here', 'E&amp;Y'];

$("body").append(
  '<p>'+labels[0]+'</p>'
);

$("body").append(
  $("<p>").text(labels[0])
);
代码语言:javascript
复制
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

票数 1
EN

Stack Overflow用户

发布于 2018-12-06 04:11:43

你有没有尝试过...安全的html代码...&amp;显示为"&“

代码语言:javascript
复制
var labels = ['Hello user&amp;#44; start here', 'E&amp;Y'];
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/53639788

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档