当前位置： 移动技术网 > IT编程>开发语言>JavaScript > js addDqmForPP给标签内属性值加上双引号的函数

js addDqmForPP给标签内属性值加上双引号的函数

2019年04月03日  | 移动技术网IT编程  | 我要评论

实现代码一：

给标签内属性值加上双引号

var adddqmforpp = function(shtml){
  return shtml.replace(/( [^\=]*\=)(\s?[^\"\s\>]*)/ig,function(a,b,c,d,e){return (c)?(new regexp("<[^>]*"+c.replace(/(\^|\(|\)|\[|\]|\{|\}|\?|\-|\\|\/|\||\$)/g,'\\$1')+"[^>]*>","i").test(e))?b+'"'+c+'"':b+c:b});
};

完整测试代码

<textarea id="t" style="height:200px; width:300px;">
<ul class=list>
<li class=feed_item><span class=note>01/12/2008</span>
<p><a title=ge公司推出“汪力和李邦”网络广告 href=http://www.genewscenter.com/{$content}\detail.asp?releaseid=4886&newsareaid=2&changecurrentlocale=5 _eventid="4">ge公司推出“汪力和李邦”网络广告</a></p></li>
<li class=feed_item><span class=note>26/11/2008</span>
<p><a title=ge石油天然气集团在中国创造新的快速安装记录 href="http://www.genewscenter.com/content/detail.asp?releaseid=4879&newsareaid=2&changecurrentlocale=5" _eventid="5">ge石油天然气集团在中国创造新的快速安装记录</a></p></li></ul>
</textarea>

<script type="text/javascript">
var sa = '<a href=>hello </a><input onlick=a(); typle="submit"/><input onlick=a(); value=ok typle="submit"/><span>a=8+4</span>';
var sb = document.getelementbyid('t').value;
var adddqmforpp = function(shtml){
  return shtml.replace(/( [^\=]*\=)(\s?[^\"\s\>]*)/ig,function(a,b,c,d,e){return (c)?(new regexp("<[^>]*"+c.replace(/(\^|\(|\)|\[|\]|\{|\}|\?|\-|\\|\/|\||\$)/g,'\\$1')+"[^>]*>","i").test(e))?b+'"'+c+'"':b+c:b});
};
alert(adddqmforpp(sa));
alert(adddqmforpp(sb));
</script>

实现代码二：

给标签内属性值加上双引号标记变小写

核心代码

var partialxhtml = function (value) {
  return value.replace(/<(\/?[a-za-z]+\s*)((?:"[^"]*"|'[^']*'|(?!'|"|\/?>).)*)(\/?>)/g, function (l, $1, $2, $3) {
    return '<' + $1.tolowercase() + $2.replace(/([^=]+)=(?:(")[^"]*"|(')[^']*'|((?:(?!\s|'|"|\/?>).)*))/g, function (l, $1, $2, $3, $4) {
      return ($2||$3) ? l : $1 + '="' + $4 + '"';
    }) + $3;
  });
};

完整代码

<textarea style="height:200px; width:300px;">
<ul class=list>
<li class=feed_item><span class=note>01/12/2008</span>
<p><a title=ge公司推出“汪力和李邦”网络广告 href="http://www.genewscenter.com/content/detail.asp?releaseid=4886&newsareaid=2&changecurrentlocale=5" _eventid="4">ge公司推出“汪力和李邦”网络广告</a></p></li>
<li class=feed_item><span class=note>26/11/2008</span>
<p><a title=ge石油天然气集团在中国创造新的快速安装记录 href="http://www.genewscenter.com/content/detail.asp?releaseid=4879&newsareaid=2&changecurrentlocale=5" _eventid="5">ge石油天然气集团在中国创造新的快速安装记录</a></p></li></ul>
</textarea>
<script type="text/javascript">
var partialxhtml = function (value) {
  return value.replace(/<(\/?[a-za-z]+\s*)((?:"[^"]*"|'[^']*'|(?!'|"|\/?>).)*)(\/?>)/g, function (l, $1, $2, $3) {
    return '<' + $1.tolowercase() + $2.replace(/([^=]+)=(?:(")[^"]*"|(')[^']*'|((?:(?!\s|'|"|\/?>).)*))/g, function (l, $1, $2, $3, $4) {
      return ($2||$3) ? l : $1 + '="' + $4 + '"';
    }) + $3;
  });
};
var parse = function (t) {
  t.value = partialxhtml(t.value);
};
</script>
<input type="button" value="修正" onclick="parse(document.getelementsbytagname('textarea')[0])" />

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网