爱程序网

设置页面链接在新窗口打开代码实例

来源: 阅读:

设置页面链接在新窗口打开代码实例:
通常情况下让链接的页面在新窗口打开是比较人性化的举措,因为打开新的页面也不会覆盖原有的页面,更具有便利性,当然这只是多大多数情况下,下面就是一段能够实现此功能的代码实例和大家分享一下。
代码如下:

 

<!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]选择器一章节。  

原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=12569

更多内容可以参阅:http://www.softwhy.com/jquery/

 

关于爱程序网 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助