蹭网器_无线蹭网器_无线蹭网卡-蹭网卡多少钱购买

我爱水煮鱼提供了一个jquery方法，可以让外部链接自动用新窗口打开

我们一般都希望在新窗口打开外部链接，这样用户就不需要离开网站就能访问外部链接，但是如果每个外部链接都手工加上新窗口打开的属性的话，这会让人非常抓狂，并且 target=”_blank” 也不符合 XHTML 1.0 Strict 标准。

还有有了 jQuery，使用 jQuery，我们只需要几行代码就能在新窗口中打开外部链接。

首先我们需要找到所有的外部链接，在 $(document).ready() 函数添加如下代码：
$(“a[href*='http://']:not([href*='"+location.hostname+"']),[href*='https://']:not([href*='"+location.hostname+"'])”);

上面这段代码查找 href 属性是以 http:// 或者 https:// 开始的，并且不包含当前域名（location.hostname）的链接（a）标签。这样我们就不会获取任何相对路径或者绝对连接中含有当前域名的内部连接。

如果我们想给外部链接加上 “external” class，添加如下的代码：
$(“a[href*='http://']:not([href*='"+location.hostname+"']),[href*='https://']:not([href*='"+location.hostname+"'])”)
.addClass(“external”);

上面的代码给外部链接加上一个 CSS Class ，这样就可以使用 CSS 来样式化外部链接了。

如果你想外部链接在新窗口打开，继续增加如下一行代码：
$(“a[href*='http://']:not([href*='"+location.hostname+"']),[href*='https://']:not([href*='"+location.hostname+"'])”)
.addClass(“external”)
.attr(“target”,”_blank”);

上面的代码给链接标签增加一个 target 属性，并且给他赋值为 _blank，这样代码是标准的，并且外部链接在新窗口打开。上面就是使用 jQuery 在新窗口打开外部链接的所有代码。

那么，用于wordpress的话，只需将代码加到header.php就可以了！

其他人还看了

• 250M/5G流量 php免费空间美国免费空间 (0)
• 56DIY个性免费电子相册 (0)
• WP-ServerInfo1.50中文版 (0)
• woothemes新闻主题The Original Premium News中文版 (0)

(2 人已评, 平均分: 3.00 / 5)

 载入中…… ...