JS及JQuery对Html内容编码,Html转义

/** 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>

//编码function html_encode(str){var s = "";if (str.length == 0) return "";s = str.replace(/&/g, ">");s = s.replace(/</g, "<");s = s.replace(/>/g, ">");s = s.replace(/ /g, " ");s = s.replace(/\'/g, "'");s = s.replace(/\"/g, """);s = s.replace(/\n/g, "<br>");return s;}//解码function html_decode(str){var s = "";if (str.length == 0) return "";s = str.replace(/>/g, "&");s = s.replace(/</g, "<");s = s.replace(/>/g, ">");s = s.replace(/ /g, " ");s = s.replace(/'/g, "\'");s = s.replace(/"/g, "\"");s = s.replace(/<br>/g, "\n");return s;}

JS及JQuery对Html内容编码,Html转义相关推荐

jQuery怎么把html转义,JS及JQuery对Html内容编码,Html转义
话不多说,请看代码: /** JQuery Html Encoding.Decoding * 原理是利用JQuery自带的html()和text()函数可以转义Html字符 * 虚拟一个Div通过赋值 ...
获得焦点时选择文本框的所有内容（Vanilla JS或jQuery）
本文翻译自:Select all contents of textbox when it receives focus (Vanilla JS or jQuery) 什么是Vanilla JS或jQu ...
修改html中meta标签,利用JS或JQuery修改网页title和meta标签的content内容
这篇文章主要为大家详细介绍了利用JS或JQuery修改网页title和meta标签的content内容,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,有需要的朋友可以收藏方便以后借鉴. 网页的ti ...
【Jquery】-------JS实现关键字检索html内容，符合关键字的匹配项，进行标注背景色，可进行上一个，下一个切换定位
JS实现关键字检索html内容,符合关键字的匹配项,进行标注背景色核心代码全部代码展示效果核心代码全部代码这个代码主要功能: 通过关键字检索出html内容匹配项可进行上一个,下一个切换定 ...
pdfh5.js 基于pdf.js和jQuery，web/h5/移动端PDF预览手势缩放插件。
pdfh5.js 基于pdf.js和jQuery,web/h5/移动端PDF预览手势缩放插件. 注意:本地绝对路径地址不能加载,跨域问题用代理或者服务端解决. svg模式渲染存在缺陷,只能渲染普通pd ...
AJAX请求和跨域请求详解（原生JS、Jquery）
一.概述 AJAX 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术. AJAX = 异步 JavaScript 和 XML,是一种用于创建快速动态网页的技术.通过在后台与服务器进行少量数 ...
JS、JQuery和ExtJs的跨域处理
1.什么是跨域? 跨域,JavaScript出于安全方面的考虑,不允许跨域调用其他页面的对象.简单地理解就是因为JavaScript同源策略的限制,a.com 域名下的js无法操作b.com或是c.a ...
前端知识总结汇总！（HTML、CSS、JS、jQuery、vue、微信小程序）
前端知识总结汇总!(HTML.CSS.JS.jQuery.vue.微信小程序) 前端理论考核题 1 / HTML 1.DOCTYPE 的作用是什么?标准模式与兼容模式各有什么区别? !DOCTYPE是 ...
jQuery 一次定时器_史上最全的js、jQuery面试题
js.jQuery面试题整理 1.数据类型基本类型:除Object.String.Number.boolean.null.undefined. 引用类型:object.里面包含的 function. ...

JS及JQuery对Html内容编码,Html转义

JS及JQuery对Html内容编码,Html转义相关推荐

最新文章

热门文章