html实现替换效果,JavaScript 替换Html标签实现代码

str = str.

replace( /&(?!#?\w+;)/g , '&').

replace( /undefinedundefined([^undefinedundefined]*)"/g , '“$1”' ).

replace( /</g , '<' ).

replace( />/g , '>' ).

replace( /…/g , '…' ).

replace( /“/g , '“' ).

replace( /”/g , '”' ).

replace( /‘/g , '‘' ).

replace( /'/g , ''' ).

replace( /—/g , '—' ).

replace( /–/g , '–' );

上面这个还算短了，我看过一些论坛的JS代码，在把Wind Code转换成HTML时，那真是疯子似的写上二三十行。其实我们大可以把这些匹配模式与替换后的字符放到一个哈希中，然后一口气替换掉。

var hash = {

'

'>' : '>',

'…' : '…',

'“' : '“' ,

'”' : '”' ,

'‘' : '‘' ,

''' : ''' ,

'—' : '—',

'–' : '–'

};

str = str.

replace( /&(?!#?\w+;)/g , '&' ).

replace( /undefinedundefined([^undefinedundefined]*)"/g , '“$1”' ).

replace( /[<>…“”‘'—–]/g , function ( $0 ) {

return hash[ $0 ];

});

但这个缺陷也很明显，如哈希的键必须是简单的普通字符串，不能是复杂正则，这就是我们不得不分开的原因。replace在老一点的浏览器是不支持function的。为此，我们只好放弃上面最后那个replace方式，替换方统一为普通字符串。

String.prototype.multiReplace = function ( hash ) {

var str = this, key;

for ( key in hash ) {

if ( Object.prototype.hasOwnProperty.call( hash, key ) ) {

str = str.replace( new RegExp( key, 'g' ), hash[ key ] );

}

}

return str;

};

Object.prototype.hasOwnProperty.call( hash, key )是用来过滤继承自原型的方法与属性的。这样一来，使用就简单了：

str = str.multiReplace({

'&(?!#?\\w+;)' :'&',

'undefinedundefined([^undefinedundefined]*)" : '“$1”',

'

'>' : '>',

'…' : '…',

'“' : '“' ,

'”' : '”' ,

'‘' : '‘' ,

''' : ''' ,

'—' : '—',

'–' : '–'

});