JavaScript 替换Html标签实现代码

复制代码 代码如下:

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

  '<' : '<' ,

  '>' : '>',

  '…' : '…',

  '“' : '“' ,

  '”' : '”' ,

  '‘' : '‘' ,

  ''' : ''' ,

  '—' : '—',

  '–' : '–'

  });