JavaScript 替换Html标签实现代码 |
|
本文标签：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”, < : < , > : >, … : …, “ : “ , ” : ” , ‘ : ‘ , : , — : —, – : – }); |
