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

最新推荐文章于 2020-12-23 18:23:32 发布

敦厚的曹操

最新推荐文章于 2020-12-23 18:23:32 发布

阅读量7.7k

点赞数

分类专栏： 2.【Asp.Net】 7.【Ajax】 6.【jquery】 4.【html】文章标签： jquery xhtml url function javascript html

2.【Asp.Net】同时被 3 个专栏收录

130 篇文章 3 订阅

订阅专栏

6.【jquery】

96 篇文章 0 订阅

订阅专栏

4.【html】

83 篇文章 1 订阅

订阅专栏

我们经常会在文章中插入一些链接，一般我们都希望用户点击后在新的窗口（或新的选项卡)打开链接，所以我们都会给链接添加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”);

或者

$(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>