如何让在Html中特殊字符不被转义（源码输出）
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了如何让在Html中特殊字符不被转义（源码输出），小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含3429字，纯文字阅读大概需要5分钟。
内容图文
如何使HTML标签原样显示出来
方法一：
将HTML代码嵌入到<script type='text/html' style='display:block'></scipt>中
<script type='text/html' style='display:block'> <input type="text" /> </scipt>
示例代码：
body>
<pre>
<script type="text/html" style="display: block;">
<div>哈哈哈</div>
<h4>dfdfd</h4>
</script>
</pre>
</body>
方法二：
有时候想让一些html的标签不被浏览器解释翻译，直接原样的显示出来，这时可以在想要显示的代码的外面加上<xmp></xmp>，这样<xmp>标签里面的内容将原封不动的显示出来。
<xmp>
<table>
<tr>
<th width="140">a</td>
<th width="140">b</td>
<th width="140">c</td>
</tr>
</table>
</xmp>
方法三：
动态创建html时，有时需要某些内容源码显示，不进行html解析（参考第5条）：
1.input和textarea通过js设置value值，不会对特殊字符(")进行html解析
2.input和textarea直接写在value，会对特殊字符(")进行html解析
3.input和textarea通过jquery设置value值，不会对特殊字符(")进行html解析
4.通过js或者jquery创建input和textarea，直接通过字符串拼接value，会对特殊字符(")进行html解析
5.通过js或者jquery创建input和textarea，通过js或者jquery设置value，不会对特殊字符(")进行html解析
6.通过js或者jquery创建textarea，通过js(innerHTML)或者jquery（html()）设置value，会对特殊字符(")进行html解析
7.js或者jquery添加script需要特殊处理，并且type='text/html'代表源码输出，不及进行html解析渲染
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<script src="https://cdn.staticfile.org/jquery/1.8.3/jquery.min.js"></script>
<script>
$(function() {
//1.input和textarea通过js设置value值，不会对特殊字符(")进行html解析
document.getElementById("t1").value=""";
document.getElementById("t2").value=""";
alert("t1:" + document.getElementById("t1").value);//"
alert("t2:" + document.getElementById("t2").value);//"
//2.input和textarea直接写在value，会对特殊字符(")进行html解析
alert("t3:" + document.getElementById("t3").value);//"
alert("t4:" + document.getElementById("t4").value);//"
//3.input和textarea通过jquery设置value值，不会对特殊字符(")进行html解析
$("#t5").val(""");
$("#t6").val(""");
alert("t5:" + $("#t5").val());//"
alert("t6:" + $("#t6").val());//"
var str = """;
//4.通过js或者jquery创建input和textarea，直接通过字符串拼接value，会对特殊字符(")进行html解析
var t9 = 't10<textarea id="t9">' + str + '</textarea><br><br>';
$("#div1").append(t9);
alert("t10:" + $("#t10").val());//"
//5.通过js或者jquery创建input和textarea，通过js或者jquery设置value，不会对特殊字符(")进行html解析
var t10 = 't10<textarea id="t10"></textarea><br><br>';
$("#div1").append(t10);
$("#t10").val(str);
alert("t10:" + $("#t10").val());//"
//6.通过js或者jquery创建textarea，通过js(innerHTML)或者jquery（html()）设置value，会对特殊字符(")进行html解析
var t11 = 't11<textarea id="t11"></textarea><br><br>';
$("#div1").append(t11);
$("#t11").html(str);
alert("t11的text:" + $("#t11").text());//"
alert("t11的val:" + "t11.val()=" + $("#t11").val());//"
//7.js或者jquery添加script需要特殊处理，并且type='text/html'代表源码输出，不及进行html解析渲染
$("#div1").append("<script type='text/html' style='display:block'" +">" + ""</" + "script>");
});
</script>
</head>
<body>
t1<input type="text" id="t1" value=""/><br><br>
t2<textarea id="t2"></textarea><br><br>
t3<input type="text" id="t3" value="""/><br><br>
t4<textarea id="t4">"</textarea><br><br>
t5<input type="text" id="t5" value=""/><br><br>
t6<textarea id="t6"></textarea><br><br>
<div id="div1"></div>
</body>
</html>
内容总结
以上是互联网集市为您收集整理的如何让在Html中特殊字符不被转义（源码输出）全部内容，希望文章能够帮你解决如何让在Html中特殊字符不被转义（源码输出）所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。