如何将html的<和>转码

最新推荐文章于 2022-12-27 13:41:51 发布
最新推荐文章于 2022-12-27 13:41:51 发布
阅读量739 收藏
点赞数
文章标签： javascript ViewUI
原文链接：https://yq.aliyun.com/articles/573388
版权
本章节介绍一下如何将html中的左右尖括号进行转码，因为作为html标签的一部分可能会造成布局换乱。

代码实例如下:

 
 
 
  
 
   
 
    
 
        

          01 
        
 
        

          02 
        
 
        

          03 
        
 
        

          04 
        
 
        

          05 
        
 
        

          06 
        
 
        

          07 
        
 
        

          08 
        
 
        

          09 
        
 
        

          10 
        
 
        

          11 
        
 
        

          12 
        
 
        

          13 
        
 
        

          14 
        
 
        

          15 
        
 
        

          16 
        
 
        

          17 
        
 
        

          18 
        
 
        

          19 
        
 
        

          20 
        
 
        

          21 
        
 
        

          22 
        
 
        

          23 
        
 
        

          24 
        
 
        

          25 
        
 
        

          26 
        
 
        

          27 
        
 
        

          28 
        
 
        

          29 
        
 
        

          30 
        
 		 
        
 
         
 
          <!DOCTYPE html> 
         
 
         
 
          < 
          html 
          > 
         
 
         
 
          < 
          head 
          > 
         
 
         
 
          < 
          meta 
          charset 
          = 
          " utf-8" 
          > 
         
 
         
 
          < 
          meta 
          name 
          = 
          "author" 
          content 
          = 
          "http://www.softwhy.com/" 
          /> 
         
 
         
 
          < 
          title 
          >蚂蚁部落</ 
          title 
          > 
         
 
         
 
          < 
          script 
          type 
          = 
          "text/javascript" 
          >  
         
 
         
 
          //将HTML转义为实体  
         
 
         
 
          function escape(html){  
         
 
         
 
             
          var elem=document.createElement('div')  
         
 
         
 
             
          var txt=document.createTextNode(html)  
         
 
         
 
             
          elem.appendChild(txt)  
         
 
         
 
             
          return elem.innerHTML;  
         
 
         
 
          }  
         
 
         
 
          //将实体转回为HTML  
         
 
         
 
          function unescape(str){  
         
 
         
 
             
          var elem=document.createElement('div')  
         
 
         
 
             
          elem.innerHTML=str  
         
 
         
 
             
          return elem.innerText||elem.textContent  
         
 
         
 
          } 
         
 
         
 
          window.onload=function(){ 
         
 
         
 
             
          var odiv=document.getElementById("thediv"); 
         
 
         
 
             
          odiv.innerHTML=escape("</ 
          div 
          >"); 
         
 
         
 
          } 
         
 
         
 
          </ 
          script 
          >  
         
 
         
 
          </ 
          head 
          >  
         
 
         
 
          < 
          body 
          >  
         
 
         
 
          < 
          div 
          id 
          = 
          "thediv" 
          ></ 
          div 
          > 
         
 
         
 
          </ 
          body 
          >  
         
 
         
 
          </ 
          html 
          > 
         
 
        
 
 
   
 
  
 
 
 
 
以上代码实现了我们的要求，可以实现基本的转码要求，代码比较简单这里就不多介绍了。
 
 

 
 

 
 
原文发布时间为：2017-2-13
 
 
本文作者：admin
 
 
本文来自云栖社区合作伙伴“蚂蚁部落”，了解相关信息可以关注蚂蚁部落
 
 
原文链接：如何将html的<和>转码
 


                

        

        




    




    

      

        

            

              
                
                  weixin_33682719
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                      0
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    0
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                    0
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      










                



	

		

			

				
					
【前端开发必知】HTML特殊字符转义及编码

				
			

			

				

					等风来
				

				

					08-25
					
					9746
					
				

			

		

		

			
				
在 HTML 中，有一些特殊字符不可直接使用，需要使用转义字符或实体编码来表示。这是为了避免这些字符与 HTML 标签和语法产生冲突。同时，也是为了防范前端XSS。
例如，有些特殊字符（如 < 和 >）作为HTML标签的一部分，要是没有被特殊处理可能被恶意XSS。HTML的特殊字符转义及编码在防范跨站脚本攻击（Cross-Site Scripting, XSS）方面起到关键作用。XSS是一种常见的安全漏洞，攻击者通过在受信任网站上插入恶意脚本，使其在用户浏览器中执行。

			
		

	



                

              
                



	

		

			

				
					
Html.rar_html转码 c#

				
			

			

				

					09-22
				

			

		

		

			
				
本篇将深入探讨C#中的`HttpUtility`类以及如何进行HTML转码。  `HttpUtility.HtmlEncode`方法是C#中用于对HTML字符串进行转码的关键工具。它将特殊字符（如`<`、`>`、`"`等）转换为它们的HTML实体，以防止这些字符被...

			
		

	



                


  
              

                


	

		

			

				
					
XML文件中“>”和“<”的转码

				
			

			

				

					
				

				

					04-10
					
					309
					
				

			

		

		

			
				
在xml文件中，大于号“>”和小于号“<”是不能被直接识别的，需要经过转码才可以被识别，转码后的格式如下：




<
&lt;
小于


>
&gt;
大于




转载于:https://www.cnblogs.com/yangchunze/p/6688829.html...

			
		

	





	

		

			

				
					
HTML字符实体（Character Entities），转义字符串（Escape Sequence）

				
			

			

				

					
				

				

					12-02
					
					3675
					
				

			

		

		

			
				
 为什么要用转义字符串？HTML中，&等有特殊含义（，用于链接签，&用于转义），不能直接使用。这些符号是不显示在我们最终看到的网页里的，那如果我们希望在网页中显示这些符号，该怎么办呢？ 这就要说到HTML转义字符串（Escape Sequence）了。 转义字符串（Escape Sequence）也称字符实体(Character Entity)。在HTML中，定义转义字符串的原

			
		

	



		

			
		



	

		

			

				
					
HTML的Encode(转码)和解码(Decode)

				
			

			

				

					qq_37842975的博客
				

				

					11-02
					
					6451
					
				

			

		

		

			
				
HTML的Encode(转码)和解码(Decode)在平时的开发中也是经常要处理的，在这里总结了使用javascript处理HTML的Encode(转码)和解码(Decode)的常用方式
一、用浏览器内部转换器实现转换
1.1.用浏览器内部转换器实现html转码
　　首先动态创建一个容器标签元素，如DIV，然后将要转换的字符串设置为这个元素的innerText(ie支持)或者textContent...

			
		

	





	

		

			

				
					
html转码工具类

				
			

			

				

					12-09
				

			

		

		

			
				
html转码工具类、方便、简洁、好用 “参数”.encodeHtml(); 转码 “参数”.decodeHtml(); 解码

			
		

	





	

		

			

				
					
HTML 转码

				
			

			

				

					04-20
				

			

		

		

			
				
HTML转码是一个重要的Web开发概念，它涉及到将HTML实体或特殊字符转化为它们的等价Unicode字符，以便在网页上正确显示。在HTML中，有些字符如"<"、">"、"&"等有特殊的含义，如果不进行转码，它们可能会被浏览器解析...

			
		

	





	

		

			

				
					
转义字符汇总

				
			

			

				

					PiscesXu的博客
				

				

					03-06
					
					667
					
				

			

		

		

			
				
xml转义字符




显示结果
转义字符
十六进制
描述




>
&gt;
&#62;
大于


<
&lt;
&#60;
小于


>=
&gt;=
&#62;=
大于等于


<=
&lt;=
&#60;=
小于等于


&
&amp;
&#38;
和，与


'
&apos;
&#39;
单引号


"
&quot;
&#34;
双引号


 

			
		

	





	

		

			

				
					
html转码问题 htmlEncode

				
			

			

				

					yuanfanlove的博客
				

				

					12-27
					
					548
					
				

			

		

		

			
				
html转码

			
		

	





	

		

			

				
					
js对文本框的特殊字符进行编译和反编译，过滤的效果，常用于文本输入防止xss

				
			

			

				

					sinat_37475163的博客
				

				

					11-02
					
					1929
					
				

			

		

		

			
				
以下为转译和反编译的代码（js对文本框的特殊字符进行编译和反编译，过滤的效果，常用于文本输入防止xss）
var HtmlUtil = {/*1.用浏览器内部转换器实现html转码*/htmlEncode:function (html){//1.首先动态创建一个容器标签元素，如DIVvar temp = document.createElement ("div");//2.然后将要转换的字符串设置为这个元素的innerText(ie支持)或者textContent(火狐，g

			
		

	





	

		

			

				
					
html 尖括号转换,将HTML的左右尖括号等转义成实体形式的两种实现方式_javascript技巧...

				
			

			

				

					weixin_28818721的博客
				

				

					05-31
					
					2300
					
				

			

		

		

			
				
前端开发工作中，经常需要将HTML的左右尖括号等转义成实体形式。我们不能把，&等直接显示在最终看到的网页里。需要将其转义后才能在网页上显示。转义字符(Escape Sequence)也称字符实体(Character Entity)。定义转义字符串的主要原因是“”等符号已经用来表示HTML TAG，因此不能直接当作文本中的符号来使用。但有时需求是在HTML页面上使用这些符号，所以需要定义它的...

			
		

	





	

		

			

				
					
转码（常用类型和字符转换）

				
			

			

				

					Ma_Hong_Kai的博客
				

				

					11-26
					
					4427
					
				

			

		

		

			
				
一、转码之前需要明白，你转之前的码是什么，你转之后的码是什么？

转言之就是下面两个问题：

1、我们定义的是类还是，数据类型？

2、定义的数据类型是什么编码？（别给我说是unicode）

二、类or数据类型？

先来说第一个：

我们经常会遇到类似与CString、string、wstring、char *（char str[]后面就不写这个了,也就是CHAR）,wchar_t *、WCHA...

			
		

	





	

		

			

				
					
JS对HTML代码的转义（转码）和反转义（解码）

				
			

			

				

					winne雪
				

				

					12-11
					
					8219
					
				

			

		

		

			
				
封装为一个工具类。下面有举例说明！
&lt;script&gt;
var HtmlUtil = {
        /*1.用浏览器内部转换器实现html转码*/
        htmlEncode:function (html){
            //1.首先动态创建一个容器标签元素，如DIV
            var temp = document.createElement ...

			
		

	





	

		

			

				
					
html编辑转码,4种方法实现Html转码

				
			

			

				

					weixin_30095343的博客
				

				

					06-19
					
					3620
					
				

			

		

		

			
				
var HtmlUtil = {/*1.用浏览器内部转换器实现html转码*/htmlEncode: function(html) {//1.首先动态创建一个容器标签元素，如DIVvar temp = document.createElement("div");//2.然后将要转换的字符串设置为这个元素的innerText(ie支持)或者textContent(火狐，google支持)temp.t...

			
		

	





	

		

			

				
					
转码的几种方式

				
			

			

				

					HaleyLiu123的博客
				

				

					05-05
					
					1153
					
				

			

		

		

			
				
1.字符串转码---适用于小批量转码
String name =new String(request.getParameter("name").getBytes("ISO8859-1"),"UTF-8");




2.IO流方式-----适用于大批量转码
package com.lrq.entity;

import java.io.BufferedReader;
import j

			
		

	





	

		

			

				
					
编码、转码和编码格式

				
			

			

				

					runs_after_the_wind的博客
				

				

					09-07
					
					1497
					
				

			

		

		

			
				
1.字符串的编码：python3中字符串类型str就是以Unicode编码格式编码。编码是一种用一种特定的方式对抽象字符（Unicode）转换为二进制形式（bytes）进行表示，也就是python3中的encode。解码就是对用特定方式表示的二进制数据用特定的方式转化为Unicode，也就是decode。如果你对str类型字符进行decode会报错，同理，对bytes类型进行encode也会报错。...

			
		

	





	

		

			

				
					
关于将URL中的特殊字符进行转码和解码

					
热门推荐

				
			

			

				

					lettuce_的博客
				

				

					03-09
					
					1万+
					
				

			

		

		

			
				
当前开发中,遇到特殊情况: 使用url进行跨页(跨域)面传值的时候,会出现某些带特殊字符的url,在浏览器上被处理了,例如:

后端传给前端的跳转路径:


http://127.0.0.1:8088/harbor/sign-in?userName=admin&userPassword=1Qaz2wsx#

浏览器跳转时浏览器地址栏的url变成:


http://127.0.0.1:80...

			
		

	





	

		

			

				
					
javascript处理HTML中Encode(转码)和Decode(解码)的方法

				
			

			

				

					革命尚未成功同志还需努力的博客
				

				

					12-26
					
					5799
					
				

			

		

		

			
				
HTML的Encode(转码)和解码(Decode)在平时的开发中也是经常要处理的，在这里总结了使用javascript处理HTML的Encode(转码)和解码(Decode)的常用方式
 
一、用浏览器内部转换器实现转换
 
1.1.用浏览器内部转换器实现html转码
 
　　首先动态创建一个容器标签元素，如DIV，然后将要转换的字符串设置为这个元素的innerText(ie支持)或

			
		

	





	

		

			

				
					
php中文编码和转码

					
最新发布

				
			

			

				

					03-04
				

			

		

		

			
				
 - `htmlspecialchars()`和`htmlentities()`：用于将HTML特殊字符进行转义，防止XSS攻击。  3. 示例代码：  下面是一个示例代码，演示了如何将字符串从UTF-8编码转换为GBK编码：  ```php  $str = "中文字符串";  $...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值