我爱学习网首页 | 设为首页 | 收藏本站 | 网站地图 您好,欢迎光临我爱学习网
我爱学习网

当前位置:首页 > 编程开发 > 正则表达式 >

正则表达式批量查找和替换为a标签增加target=''_blank''新窗口打

时间:2013-12-29 11:49 来源:我爱学习网 | 作者:我爱学习网 | 本文已影响
dreamweaver中用正则表达式批量查找和替换为a标签增加target=''_blank''新窗口打开的方法
 
我们在制作模板的时候,有时发现一些页面不是新窗口打开,而这些链接的内容在新窗口打开会好些,链接较少的时候我们手工替换的,但是链接太多的时候,一个个替换太麻烦了,还是正则表达式替换比较方便一些。
 
打开dreamweaver工具,在查找替换那里自己写了一个正则,批量匹配后,果然不让我失望!感叹正则的强大啊!正则规则如下:
 
正则查找  <(a.*?)> 
替换成    <$1 target="_blank"> 
 
 
直接上图:
 
 
用js批量处理a标签的target属性_blank 
 
若是针对整个页面的所有a标签,那可以在head区域加上<base target="_blank">即可解决了,但如果是针对某一块区域呢,那就只能用js代码了: 
代码:
 
var anchors = document.getElementById("test").getElementsByTagName("a"); 
for(i=0;i<anchors.length;i++){ 
var anchor_item = anchors[i]; 
anchor_item.target="_blank"; 
 
 
代码里面的test就是你要处理的区域的ID,以下是测试代码,保存为html文件浏览:
 
 
 
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>用js批量处理a标签的target属性_blank</title> 
</head> 
<body> 
<a href="http://www.5ixuexiwang.com">正常链接测试</a> 
<div id="test"> 
<a href="http://www.5ixuexiwang.com">被JS处理过的链接测试</a> 
</div> 
<script language="JavaScript"> 
var anchors = document.getElementById("test").getElementsByTagName("a"); 
for(i=0;i<anchors.length;i++){ 
var anchor_item = anchors[i]; 
anchor_item.target="_blank"; 
</script> 
</body> 
</html> 
(责任编辑:我爱学习网)

更多技巧文章请关注公众号:huixiang_360


分享到: 更多