Html编码和URL编码

终于弄清楚了这两种编码的使用场景,来分享下。首先要知道,Html和URL本质上是两个不同的区域,html是页面展示内容,URL是访问地址。一、HTML编码当html页面中某了label想要显示test这个内容时,如果简单地写label.html("test"),页面会显示test这是因为是html中的特殊字符,解析时会被认为是html标签,此时要在页面上显示出一个提供一
摘要由CSDN通过智能技术生成

终于弄清楚了这两种编码的使用场景,来分享下。

一、HTML编码

当html页面中某label想要显示<a>test</a>这个内容时,如果简单地写label.html("<a>test</a>"),页面会显示一个内容为test的a标签。

这是因为<、>是html中的特殊字符,解析时会被认为是html标签,此时要在页面上显示出一个<,就需要进行html编码,将<转义为&lt;就ok了~

提供一个js进行html编码解码的方法

function htmlencode(s){  
    var div = document.createElement('div');  
    div.appendChild(document.createTextNode(s));  
    return div.innerHTML;  
}  
function htmldecode(s){  
    var div = document.createElement('div');  
    div.innerHTML = s;  
    return div.innerText;  
}

另外,在使用MVC时,@Model.name这种形式已经对该字段进行html编码了,所以一般不会有这种问题。

但要注意,若是要在text的vlaue中显示,实则是不需要进行HTML编码的,此时需要用@Html.Raw(Model.name)这种形式,来获取原内容。

二、

  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值