JS及JQuery对Html内容编码,Html转义
2017-01-05 17:24
405 查看
/** JQuery Html Encoding、Decoding
* 原理是利用JQuery自带的html()和text()函数可以转义Html字符
* 虚拟一个Div通过赋值和取值来得到想要的Html编码或者解码
*/
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script type="text/javascript">
//Html编码获取Html转义实体
function htmlEncode(value){
return $('<div/>').text(value).html();
}
//Html解码获取Html实体
function htmlDecode(value){
return $('<div/>').html(value).text();
}
</script>
<script type="text/javascript">
//获取Html转义字符
function htmlEncode( html ) {
return document.createElement( 'a' ).appendChild(
document.createTextNode( html ) ).parentNode.innerHTML;
};
//获取Html
function htmlDecode( html ) {
var a = document.createElement( 'a' ); a.innerHTML = html;
return a.textContent;
};
</script>
有的时候,我们需要把包含html的代码给去掉,就可以采用$('<div/>').html(value).text()方法。
比如$('<div/>').html('<font
color="red">你好</font>').text() 就被转义成 你好 了,html代码会被过滤掉
* 原理是利用JQuery自带的html()和text()函数可以转义Html字符
* 虚拟一个Div通过赋值和取值来得到想要的Html编码或者解码
*/
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script type="text/javascript">
//Html编码获取Html转义实体
function htmlEncode(value){
return $('<div/>').text(value).html();
}
//Html解码获取Html实体
function htmlDecode(value){
return $('<div/>').html(value).text();
}
</script>
<script type="text/javascript">
//获取Html转义字符
function htmlEncode( html ) {
return document.createElement( 'a' ).appendChild(
document.createTextNode( html ) ).parentNode.innerHTML;
};
//获取Html
function htmlDecode( html ) {
var a = document.createElement( 'a' ); a.innerHTML = html;
return a.textContent;
};
</script>
有的时候,我们需要把包含html的代码给去掉,就可以采用$('<div/>').html(value).text()方法。
比如$('<div/>').html('<font
color="red">你好</font>').text() 就被转义成 你好 了,html代码会被过滤掉
相关文章推荐
- JS及JQuery对Html内容编码,Html转义
- (跨站漏洞转义)JS及JQuery对Html内容编码,Html转义
- JS及JQuery对Html内容编码,Html转义
- JS及JQuery对Html内容编码,Html转义
- JS及JQuery对Html内容编码,Html转义
- js、jquery对于html内容的转义
- jquery js获取html选中的内容
- atitit.js的 字符串内容 转义 js处理html
- js 处理 html 标签转义 处理json中含有的ascii 编码
- Angular.js数据绑定时自动转义html标签及内容
- JS编码&解码&HTML转义
- [JS][jQuery]清空元素html("")、innerHTML="" 与 empty()的差别:关于内容泄露问题
- [JS][jQuery]清空元素html("")、innerHTML="" 与 empty()的区别:关于内容泄露问题
- Jsoup 处理 html 片段<script> 内容转义,js转换成一行问题
- js把预定义的html字符串转换为 HTML 实体 htmlspecialchars 输出html实体内容包括标签,而不自动转义标签,只显示内容,类似php的htmlspecialchars
- [JS][jQuery]清空元素html("")、innerHTML="" 与 empty()的区别:关于内容泄露问题
- 【HTML/JS】利用JQuery的load函数动态加载其它页面的内容的实现代码
- Angular.js数据绑定时自动转义html标签及内容
- Angular.js数据绑定时自动转义html标签及内容
- [HTML/JS]利用JQuery的load函数动态加载其它页面的内容的实现代码代替Ifram