用正則表達式批量為a增加target=''_blank''新窗口打開的方法

2020-03-16 21:07:12

字體：大中小

供稿：網(wǎng)友

今天在制作模板的時候，發(fā)現(xiàn)一些頁面不是新窗口打開，有時候一些內(nèi)容新窗口打開好些，本來打算手工替換的，發(fā)現(xiàn)了太多，還是正則比較方便一些

dreamweaver工具，在替換那里自己寫了一個正則，批量匹配后，果然不讓我失望！感嘆正則的強大啊！正則規(guī)則如下

復制代碼代碼如下:

		
		正則查找  <(a.*?)> 
		替換成    <$1 target="_blank"> 

如圖

用js批量處理a標簽的target屬性_blank

若是針對整個頁面的所有a標簽，那可以在head區(qū)域加上<base target="_blank">即可解決了，但如果是針對某一塊區(qū)域呢，那就只能用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就是你要處理的區(qū)域的ID，以下是在線測試：

<!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://sc.vevb.com">正常鏈接測試</a>



<div id="test">

<a href="http://sc.vevb.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>