JavaScript 替换Html标签实现代码_Javascript教程-查字典教程网
JavaScript 替换Html标签实现代码
JavaScript 替换Html标签实现代码
发布时间:2016-12-30 来源:查字典编辑
摘要:复制代码代码如下:str=str.replace(/&(?!#?w+;)/g,'&').replace(/undefinedundefine...

复制代码 代码如下:

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时,那真是疯子似的写上二三十行。其实我们大可以把这些匹配模式与替换后的字符放到一个哈希中,然后一口气替换掉。

复制代码 代码如下:

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”',

'<' : '<' ,

'>' : '>',

'…' : '…',

'“' : '“' ,

'”' : '”' ,

'‘' : '‘' ,

''' : ''' ,

'—' : '—',

'–' : '–'

});

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新Javascript教程学习
    热门Javascript教程学习
    编程开发子分类