页面展示HTML的原代码不解析

星期六, 2020-11-07 | Author: Lee | html5, JAVA-and-J2EE | 1,206 views

1.页面需要展示原文本,不需要解析,但是碰到有 html标签的部分需要注意

2.使用如下几种方式

2.1 使用 xmp标签 现在在html5中已经废弃,不建议再使用但是也最简单,无需转化

	<xmp>
		这里的代码将原样输出:
		<script>这里是脚本</script>
	</xmp>

2.2 使用 code 标签或者 pre标签,需要替换尖括号对应的转义符

如下转义即可

	var info= "<script>这里是脚本</script>";
	//替换一个  
	info = info.replace('<', '&lt;').replace('>', '&gt;');
	//全局替换 //g是重点,如果替换的为‘/’,需要转义,吧/</g替换为'/\//g'
	info = info.replace(/</g, '&lt;').replace(/>/g, '&gt;');
	<code>
		这里的代码将原样输出:
		&lt;script&gt;这里是脚本&lt;/script&gt;
	</code>
	<--pre>
		这里的代码将原样输出:
		&lt;script&gt;这里是脚本&lt;/script&gt;
	<--/pre>

2.3 使用 textarea标签

	<textarea>
		这里的代码将原样输出:
		<script>这里是脚本</script>
	</textarea>

Tags:

文章作者: Lee

本文地址: https://www.pomelolee.com/2123.html

除非注明,Pomelo Lee文章均为原创,转载请以链接形式标明本文地址

No comments yet.

Leave a comment

Search

文章分类

Links

Meta