我在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;之间打印东西?尖括号。
答案 0 :(得分:2)
您必须使用HTML实体来表示这些字符。
替换&#34;&lt;&#34;使用<
和&#34;&gt;&#34;与>
以下是实体的完整列表:Character Entity Reference Chart
答案 1 :(得分:0)
在JSP页面上,当我点击按钮时,它只打印“#include #include”。它不是打印整个东西,因为我分配给变量s。
因为,jquery会解释其中的<>
标签。
如何打印“&lt;&gt;”之间的东西尖括号。
要按原样打印代码中的元素,您需要将其作为<
或<
转义为>
或>
< / p>
答案 2 :(得分:0)
检查此演示,您应该使用转义字符来显示html到浏览器
喜欢<
for&lt; ,>
for&gt;等等。
或者你也可以尝试ajax的text()函数。它会根据要求转义你的文字。
像这样:
$("#text1").text(s1);
检查此代码段。
var s = "#include<iostream.h>#include<conio.h>";
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;