如何在html中转义锚标记哪个eval

Question

你能帮忙逃避这个：

 <p><%# Eval("Text") + <a class="story-link" href="<%# GetDocumentUrl() %>" target="_self"><%# Eval("ReadFullStoryTitle") %></a> %>
         </p>

我尝试过如下但不起作用：

<p><%# Eval("Text") +  <a class="story-link" href="'<%# GetDocumentUrl() %>'" target="_self"><'%#Eval("ReadFullStoryTitle") %'></a> %></p>

Answer 1

您可以使用以下内容：

<p><%# Eval("Text") %> <a class="story-link" href='<%# GetDocumentUrl() %>' target="_self"><%#Eval("ReadFullStoryTitle") %></a></p>

Answer 2

您可以使用javascripts innerText添加数据，它将正确地转义它们。

＆＃13;

＆＃13;

<p id="data"><script>document.getElementById('data')
           .innerText= '<%# Eval("Text") + <a class="story-link" href="<%# GetDocumentUrl() %>" target="_self"><%# Eval("ReadFullStoryTitle") %></a> %>';</script></p>

＆＃13;

＆＃13;

＆＃13;

您还可以使用after content的css ::after属性，如下所示

＆＃13;

＆＃13;

#data::after{
   content: '<%# Eval("Text") + <a class="story-link" href="<%# GetDocumentUrl() %>" target="_self"><%# Eval("ReadFullStoryTitle") %></a> %>';
}

＆＃13;

<p id="data"></p>

＆＃13;

＆＃13;

＆＃13;

或者您可以使用转码下面的p标签中的代码。

＆＃13;

＆＃13;

<p>&lt;%# Eval("Text") + &lt;a class="story-link" href="&lt;%# GetDocumentUrl() %&gt;" target="_self"&gt;&lt;%# Eval("ReadFullStoryTitle") %&gt;&lt;/a&gt; %&gt;</p>

＆＃13;

＆＃13;

＆＃13;