javascript / js / jquery的HtmlEncode

最新推荐文章于 2023-12-28 09:10:50 发布

weixin_30563917

最新推荐文章于 2023-12-28 09:10:50 发布

阅读量140

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/xxxteam/archive/2013/04/16/3024151.html

本文介绍了在JavaScript中实现HTML编码的方法，包括直接使用innerText属性来避免XSS攻击，以及提供自定义的htmlEncode和htmlDecode函数实现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.首先，javascript / js / jquery 没有 HtmlEncode 方法。

2.其次，如果是想给页面元素赋值，防止跨站攻击，可以对其innerText进行赋值，而不要对innerHTML赋值。

xx.innerText = str 相当于 xx.innerHTML = HtmlEncode( str );

3.如果一定要一个HtmlEncode方法，可以参见：

http://stackoverflow.com/questions/1219860/javascript-jquery-html-encoding

 1 function htmlEncode( html ) {
 2     return document.createElement( 'a' ).appendChild( 
 3         document.createTextNode( html ) ).parentNode.innerHTML;
 4 };
 5 
 6 function htmlDecode( html ) {
 7     var a = document.createElement( 'a' ); a.innerHTML = html;
 8     return a.textContent;
 9 };
10 
11 function htmlEncodeX(value){
12   //create a in-memory div, set it's inner text(which jQuery automatically encodes)
13   //then grab the encoded contents back out.  The div never exists on the page.
14   return $('<div/>').text(value).html();
15 }
16 
17 function htmlDecodeX(value){
18   return $('<div/>').html(value).text();
19 }
20 
21 var str = "<p>\t Hi \n There22 </p>";
22 var s1 = htmlEncodeX( str );
23 var s2 = htmlDecodeX( s1 );
24 alert( str );
25 alert( str == s2 );