我们经常会在文章中插入一些链接，一般我们都希望用户点击后在新的窗口（或新的选项卡)打开链接，所以我们都会给链接添加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>
2万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
