您的位置：首页 > Web前端 > JQuery

jquery如何实现自动打开第一个链接!(实例代码)

2012-09-24 18:02 826 查看

我们经常会在文章中插入一些链接，一般我们都希望用户点击后在新的窗口（或新的选项卡)打开链接，所以我们都会给链接添加target=”_blank”属性，如果链接比较多的话，一个一个添加，显然令人厌烦。而且虽然target=”_blank”符合w3c的XHTML 1.0 Transitional标准，但却不符合XHTML 1.0 Strict标准，所以添加这个属性显然是要被废弃的。
不过现在有了更好的方法，那就是利用jQuery。有了jQuery，我们只需要几句代码即可搞定。
$(“a[href*='http://']:not([href*='"+location.hostname+"']),[href*='https://']:not([href*='"+location.hostname+"'])”)

.addClass(“external”)

.attr(“target”,”_blank”);
或者

<script type="text/javascript">

$(document).ready(function(){

var url =“http://www.baidu.com”;

alert("第一个的地址为:" + url);

window.location.href = url;

});

</script>

------------------- 完整代码 --------------------

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

02

<html xmlns="http://www.w3.org/1999/xhtml">

03

<head>

04

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

05

<title>test</title>

06

<script language="javascript" type="text/javascript" src="jquery-1.6.2.min.js"></script>

07

<script type="text/javascript">

08

$(document).ready(function(){

09

var url = $("a").attr("href");

10

alert("第一个的地址为:" + url);

11

window.location.href = url;

12

});

13

</script>

14

</head>

15

<body>

16

<a href="http://www.baidu.com">baidu</a>

17

<a href="link2">link2</a>

18

<a href="link3">link3</a>

19

<a href="link4">link4</a>

20

<a href="link5">link5</a>

21

<a href="link6">link6</a>

22

<a href="link7">link7</a>

23

<a href="link8">link8</a>

24

<a href="link9">link9</a>

25

<a href="link10">link10</a>

26

</body>

27

</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航