如何显示包含括号的尖括号之间的数据

时间:2014-11-04 04:04:07

标签: jquery html jsp

我在javascript变量中存储了一个c ++代码snipet,如下所示: -

<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页面上,当我单击按钮时,它只打印&#34; #include #include&#34;。它不是打印整个东西,因为我分配给变量s。

所以,我的问题是,如何在&#34;&lt;&gt;&#34;之间打印东西?尖括号。

3 个答案:

答案 0 :(得分:2)

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

替换&#34;&lt;&#34;使用&lt;和&#34;&gt;&#34;与&gt;

以下是实体的完整列表:Character Entity Reference Chart

答案 1 :(得分:0)

  

在JSP页面上,当我点击按钮时,它只打印“#include #include”。它不是打印整个东西,因为我分配给变量s。

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

  

如何打印“&lt;&gt;”之间的东西尖括号。

要按原样打印代码中的元素,您需要将其作为&lt;&LT;转义为&gt;&GT; < / p>

查看printing "<html>" using html

答案 2 :(得分:0)

检查此演示,您应该使用转义字符来显示html到浏览器 喜欢&lt; for&lt; ,&gt; for&gt;等等。 或者你也可以尝试ajax的text()函数。它会根据要求转义你的文字。

像这样:

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

检查此代码段。

&#13;
&#13;
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);
    
  });
});
&#13;
<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>
&#13;
&#13;
&#13;