源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

JavaScript 替换Html标签实现代码

  • 时间:2021-04-05 03:18 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:JavaScript 替换Html标签实现代码
[u]复制代码[/u] 代码如下:
str = str.<br /> replace( /&(?!#?\w+;)/g , '&').<br /> replace( /undefinedundefined([^undefinedundefined]*)"/g , '“$1”' ).<br /> replace( /</g , '<' ).<br /> replace( />/g , '>' ).<br /> replace( /…/g , '…' ).<br /> replace( /“/g , '“' ).<br /> replace( /”/g , '”' ).<br /> replace( /‘/g , '‘' ).<br /> replace( /'/g , ''' ).<br /> replace( /—/g , '—' ).<br /> replace( /–/g , '–' );
上面这个还算短了,我看过一些论坛的JS代码,在把Wind Code转换成HTML时,那真是疯子似的写上二三十行。其实我们大可以把这些匹配模式与替换后的字符放到一个哈希中,然后一口气替换掉。
[u]复制代码[/u] 代码如下:
var hash = { '<' : '<' , '>' : '>', '…' : '…', '“' : '“' , '”' : '”' , '‘' : '‘' , ''' : ''' , '—' : '—', '–' : '–' }; str = str. replace( /&(?!#?\w+;)/g , '&' ). replace( /undefinedundefined([^undefinedundefined]*)"/g , '“$1”' ). replace( /[<>…“”‘'—–]/g , function ( $0 ) { return hash[ $0 ]; });
但这个缺陷也很明显,如哈希的键必须是简单的普通字符串,不能是复杂正则,这就是我们不得不分开的原因。replace在老一点的浏览器是不支持function的。为此,我们只好放弃上面最后那个replace方式,替换方统一为普通字符串。
[u]复制代码[/u] 代码如下:
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 )是用来过滤继承自原型的方法与属性的。这样一来,使用就简单了:
[u]复制代码[/u] 代码如下:
str = str.multiReplace({ '&(?!#?\\w+;)' :'&', 'undefinedundefined([^undefinedundefined]*)" : '“$1”', '<' : '<' , '>' : '>', '…' : '…', '“' : '“' , '”' : '”' , '‘' : '‘' , ''' : ''' , '—' : '—', '–' : '–' });
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部