手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >JavaScript 替换Html标签实现代码
JavaScript 替换Html标签实现代码
摘要:复制代码代码如下: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 替换Html标签实现代码】相关文章:

javascript实现简单的进度条

JavaScript基本数据结构

Javascript - HTML的request类

Javascript类型转换的规则实例解析

Javascript进制转换实例

JavaScript Base64编码和解码,实现URL参数传递。

JavaScript实现鼠标拖动效果的方法

JavaScript实现带标题的图片轮播特效

VBScript版代码高亮

JavaScript实现身份证验证代码

精品推荐
分类导航