jquery如何实现自动打开第一个链接!(实例代码)
我们经常会在文章中插入一些链接,一般我们都希望用户点击后在新的窗口(或新的选项卡)打开链接,所以我们都会给链接添加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>
相关文章
- jQuery Event.delegateTarget 属性详解
- Removing jQuery from GitHub.com frontend
- 史上最全的CSS hack方式一览 jQuery 图片轮播的代码分离 JQuery中的动画 C#中Trim()、TrimStart()、TrimEnd()的用法 marquee 标签的使用详情 js鼠标事件 js添加遮罩层 页面上通过地址栏传值时出现乱码的两种解决方法 ref和out的区别在c#中 总结
- jQuery操作Select
- asp.net和Jquery中详细解析json数据格式!(有实例)
- Jquery配合Asp.Net无刷新删除指定服务器上的文件!
- Jquery的LigerUI如何实现文件上传(已解决,有实例)
- 猴子也能学会的jQuery第十期——jQuery元素操作(上)
- JQuery
- jQuery File Upload 单页面多实例的实现
- Jquery 组 checkbox双向控制与tr变色
- 《jQuery Cookbook中文版》——1.12 替换DOM元素
- 《jQuery UI 开发指南》——1.5 更换CSS主题
- 《jQuery、jQuery UI及jQuery Mobile技巧与示例》——7.3 技巧:将元素转换为按钮微件
- jQuery验证控件jquery.validate.js的使用介绍
- Nice Jquery Validator 【从 jQuery Validation 迁移】
- jquery如何做链接校验(学会也可以给其他做校验)
- jquery的checked以及disabled
- Jquery_jquery中attr和prop的区别
- Android App开发超实用实例 | jQuery Mobile在Android手机上创建图文结合的导航按钮
- VS CODE jQuery/easyui代码片段
- jquery 向页面追加HTML
- jquery 获取json数据
- jquery经典实例之拖动面板
- jquery经典实例之图片轮播
- jquery经典实例之显示隐藏
- jquery经典实例之选项卡
- jquery经典实例之左侧菜单
- 使用jQuery中ajax实例