JS实现HTML标签转义及反转义
2017-08-15 00:00
344 查看
function HTMLDecode(text) { var temp = document.createElement("div"); temp.innerHTML = text; var output = temp.innerText || temp.textContent; temp = null; return output; } var tagText = "<p><b>123&456</b></p>"; var encodeText = HTMLEncode(tagText);
注:火狐不支持innerText,需要使用 textContent 属性,而IE早期版本不支持此属性,为了同时兼容IE及火狐,需要进行判断操作.
因为innerText(textContent)会获取纯文本内容,忽略html节点标签,而innerHTML会显示标签内容,所以我们先将需转义的内容赋值给innerText(textContent),再获取它的innerHTML属性,这时获取到的就是转义后文本内容。
同理,反转义的方法为先将转义文本赋值给innerHTML,然后通过innerText(textContent)获取转义前的文本内容
function HTMLDecode(text) { var temp = document.createElement("div"); temp.innerHTML = text; var output = temp.innerText || temp.textContent; temp = null; return output; } var tagText = "<p><b>123&456</b></p>"; var encodeText = HTMLEncode(tagText);
console.log(encodeText);//<p><b>123&456</b></p>
console.log(HTMLDecode(encodeText)); //<p><b>123&456</b></p>
相关文章推荐
- JS实现HTML标签转义及反转义
- JS实现HTML标签转义及反转义
- JS实现HTML标签转义及反转义
- Angular.js数据绑定时自动转义html标签及内容
- [js高手之路]HTML标签解释成DOM节点的实现方法
- java web Decorator模式包装request对象实现html标签转义功能
- 【Node.js基础篇】(六)实现如同jsp标签的HTML模板
- js 在展示关于有 html标签 时候需要转义
- Angular.js数据绑定时自动转义html标签及内容
- html代码转义到js时,往往会遇到问题,这代码实现html和js互转
- JS 实现创建HTML标签及解析Json
- JS与HTML结合使用marquee标签实现无缝滚动效果代码
- 通过JS实现HTML的转义与反转义
- js把预定义的html字符串转换为 HTML 实体 htmlspecialchars 输出html实体内容包括标签,而不自动转义标签,只显示内容,类似php的htmlspecialchars
- window.location.href妙用 标签里用js 利用这个简单的转换思路 实现 一直也无法实现的在 页面的html标签使
- js简单实现HTML标签Select联动带跳转
- 用JS实现HTML标签替换效果
- java实现HTML标签转义和反转义(StringEscapeUtils)
- html中的a标签用js来实现页面跳转的功能(php分页时做的页面跳转)