如何让在Html中特殊字符不被转义(源码输出)

如何使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值,不会对特殊字符(&quot;)进行html解析
2.input和textarea直接写在value,会对特殊字符(&quot;)进行html解析
3.input和textarea通过jquery设置value值,不会对特殊字符(&quot;)进行html解析
4.通过js或者jquery创建input和textarea,直接通过字符串拼接value,会对特殊字符(&quot;)进行html解析
5.通过js或者jquery创建input和textarea,通过js或者jquery设置value,不会对特殊字符(&quot;)进行html解析
6.通过js或者jquery创建textarea,通过js(innerHTML)或者jquery(html())设置value,会对特殊字符(&quot;)进行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值,不会对特殊字符(&quot;)进行html解析
document.getElementById("t1").value="&quot;";
document.getElementById("t2").value="&quot;";
alert("t1:" + document.getElementById("t1").value);//&quot;
alert("t2:" + document.getElementById("t2").value);//&quot;

//2.input和textarea直接写在value,会对特殊字符(&quot;)进行html解析
alert("t3:" + document.getElementById("t3").value);//"
alert("t4:" + document.getElementById("t4").value);//"

//3.input和textarea通过jquery设置value值,不会对特殊字符(&quot;)进行html解析
$("#t5").val("&quot;");
$("#t6").val("&quot;");
alert("t5:" + $("#t5").val());//&quot;
alert("t6:" + $("#t6").val());//&quot;

var str = "&quot;";

//4.通过js或者jquery创建input和textarea,直接通过字符串拼接value,会对特殊字符(&quot;)进行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,不会对特殊字符(&quot;)进行html解析
var t10 = 't10<textarea id="t10"></textarea><br><br>';
$("#div1").append(t10);
$("#t10").val(str);
alert("t10:" + $("#t10").val());//&quot;

//6.通过js或者jquery创建textarea,通过js(innerHTML)或者jquery(html())设置value,会对特殊字符(&quot;)进行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'" +">" + "&quot;</" + "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="&quot;"/><br><br>
t4<textarea id="t4">&quot;</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>

原创:https://www.panoramacn.com
源码网提供WordPress源码,帝国CMS源码discuz源码,微信小程序,小说源码,杰奇源码,thinkphp源码,ecshop模板源码,微擎模板源码,dede源码,织梦源码等。

专业搭建小说网站,小说程序,杰奇系列,微信小说系列,app系列小说

如何让在Html中特殊字符不被转义(源码输出)

免责声明,若由于商用引起版权纠纷,一切责任均由使用者承担。

您必须遵守我们的协议,如果您下载了该资源行为将被视为对《免责声明》全部内容的认可-> 联系客服 投诉资源
www.panoramacn.com资源全部来自互联网收集,仅供用于学习和交流,请勿用于商业用途。如有侵权、不妥之处,请联系站长并出示版权证明以便删除。 敬请谅解! 侵权删帖/违法举报/投稿等事物联系邮箱:2640602276@qq.com
未经允许不得转载:书荒源码源码网每日更新网站源码模板! » 如何让在Html中特殊字符不被转义(源码输出)
关注我们小说电影免费看
关注我们,获取更多的全网素材资源,有趣有料!
120000+人已关注
分享到:
赞(0) 打赏

评论抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

您的打赏就是我分享的动力!

支付宝扫一扫打赏

微信扫一扫打赏