href的那些事
2024-10-19 01:28:00
很多网站中都会使用<a>标签和 href属性来做链接,尤其在分页显示中用得最普遍。然而很多人对href的使用却并不十分了解。
1、href="#" 这个在网页中上滚回顶部的意思,是 href="#top"的简写。但在Jquery Mobile中这个是"返回上一页"(这个功能需要引用一些库文件),而不会滚回顶部(出自:《Building Android Apps with HTML,CSS and Javascript》)!
2、href="" 这个看起来似乎是空链接是吧,但是其实它是刷新页面(在JQM中除外)!
3、href="javascript:void(0);" 很多网站都是用这个来表示该链接点击不会跳转链接,(例如:新浪微博、QQ空间),偶尔会右键新标签打开页面(或者鼠标手势该操作)就会打开一个空页面,页面标题是空的,地址栏就是javascript:void(0); 。
4、<a >标签中不设置 href 属性,不设置href属性的a标签不会继承默认的a标签应有的样式(如经典的下划线和蓝色字,划过时指针变为小手等),这样的话还不如设置为span标签。
5、Jquery提供的 function(e){ e.preventDefault(); } 阻止跳转。
下面的截图分别是第2、3、4点的href在JQM的表现(注:蓝色的浅框是含href属性的a标签的默认CSS在JQM中的表现形式):
最新文章
- (转) [it-ebooks]电子书列表
- 一起学微软Power BI系列-官方文档-入门指南(7)发布与共享-终结篇+完整PDF文档
- YUV格式分析
- C#复习⑥
- ACM/ICPC 之 差分约束系统两道(ZOJ2770-POJ1201)
- MySQL中无GROUP BY直接HAVING的问题【转】
- SNF开发平台WinForm之四-开发-主细表管理页面-SNF快速开发平台3.3-Spring.Net.Framework
- iOS 生成本地验证码
- bzoj1478:Sgu282 Isomorphism
- 去除express.js 3.5中报connect.multipart() will be removed in connect 3.0的警告
- Android的FrameLayout使用要注意的问题
- 能ping通虚拟机,但snmp报文 Destination unreachable(Host administratively prohibited
- 枚举特性FlagsAttribute的用法
- H5活动页面与APP交互规则
- 【webserver】使用python实现webserver,支持上传下载文件
- Asp.Net_Wcf跟Wpf的区别
- ASP.NET Web API queryString访问的一点总结
- What you should know about .so files
- Mysql 游标使用
- 迫不及待地体验了一把 C#8.0 中的可空引用类型(Nullable Reference)