如何显示写在尖括号之间的数据，包括括号答案

【问题标题】：How to display data written between angular brackets including brackets如何显示写在尖括号之间的数据，包括括号
【发布时间】：2014-12-30 21:29:39
【问题描述】：

我在 javascript 变量中存储了一个 c++ 代码片段，如下所示：-

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script src="Assets/lib/jquery-1.11.1.min.js"></script>
        <title>JSP Page</title>
        <script>
                        var s = "#include<iostream.h>#include<conio.h>";
                            $(document).ready(function(){
                            $("#btn").click(function(){
                                document.getElementById("text").innerHTML = s;
                            });
                        });
        </script>
    </head>
    <body>
        <button id="btn">show</button>
        <h1><p id="text"></p></h1>
    </body>
</html>

在 JSP 页面上，当我单击按钮时，它只打印“#include#include”。当我分配给变量 s 时，它并没有打印整个内容。

所以，我的问题是，如何打印“”尖括号之间的内容。

【问题讨论】：

标签： jquery html jsp

【解决方案1】：

您必须使用 HTML 实体来表示这些字符。

将“<，将“>”替换为&gt;

这是完整的实体列表：Character Entity Reference Chart

【讨论】：

【解决方案2】：

在 JSP 页面上，当我单击按钮时，它只打印“#include#include”。当我分配给变量 s 时，它并没有打印整个内容。

因为，jquery 会解释其中的<> 标签。

如何打印“”尖括号之间的内容。

要按原样打印标签内的元素，您需要将它们转义为&lt; 或&LT; 类似地，另一个为&gt; 或&GT;

看看printing "<html>" using html。

【讨论】：

【解决方案3】：

查看此演示，您应该使用转义字符向浏览器显示 html 比如 &lt; 代表 > 代表 > 等等。或者你也可以试试 ajax 的 text() 函数。它会根据需要转义您的文本。

像这样：

 $("#text1").text(s1);

检查这个sn-p。

var s = "#include&lt;iostream.h&gt;#include&lt;conio.h&gt;";
var s1 = "#include<iostream.h>#include<conio.h>";
$(document).ready(function(){
 
  $("#btn").click(function(){
    document.getElementById("text").innerHTML = s;
    $("#text1").text(s1);
    
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script src="Assets/lib/jquery-1.11.1.min.js"></script>
        <title>JSP Page</title>
        
    </head>
    <body>
        <button id="btn">show</button>
        <h1><p id="text"></p></h1>
      <h1><p id="text1"></p></h1>
    </body>
</html>

【讨论】：