設定頁面連結在新視窗開啟程式碼例項

admin發表於2017-03-10

通常情況下讓連結的頁面在新視窗開啟是比較人性化的舉措，因為開啟新的頁面也不會覆蓋原有的頁面，更具有便利性，當然這只是多大多數情況下，下面就是一段能夠實現此功能的程式碼例項和大家分享一下。

程式碼如下:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html> 
<html> 
<head> 
<meta charset=" utf-8"> 
<meta name="author" content="http://www.softwhy.com/" /> 
<title>螞蟻部落</title> 
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script> 
<script type="text/javascript"> 
$(document).ready(function() {
  $("a[href^='http']").attr('target','_blank');
});
</script> 
</head> 
<body> 
<ul>
  <li><a href="http://www.softwhy.com">螞蟻部落一</a></li>
  <li><a href="http://www.softwhy.com">螞蟻部落二</a></li>
  <li><a href="http://www.softwhy.com">螞蟻部落三</a></li>
  <li><a href="http://www.softwhy.com">螞蟻部落四</a></li>
</ul>
</body> 
</html>

以上程式碼實現了我們的要求，程式碼比較簡單，具體可以參閱相關閱讀。

相關閱讀:

1.attr()函式可以參閱jQuery attr()一章節。

2.$("a[href^='http']")可以參閱jQuery [attribute^=value]一章節。  

相關文章