博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
href的那些事
阅读量:6296 次
发布时间:2019-06-22

本文共 656 字,大约阅读时间需要 2 分钟。

很多网站中都会使用<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中的表现形式):

           

转载于:https://www.cnblogs.com/batsing/p/4199048.html

你可能感兴趣的文章
机智云开源框架初始化顺序
查看>>
Spark修炼之道(进阶篇)——Spark入门到精通:第五节 Spark编程模型(二)
查看>>
一线架构师实践指南:云时代下双活零切换的七大关键点
查看>>
ART世界探险(19) - 优化编译器的编译流程
查看>>
玩转Edas应用部署
查看>>
music-音符与常用记号
查看>>
sql操作命令
查看>>
zip 数据压缩
查看>>
Python爬虫学习系列教程
查看>>
【数据库优化专题】MySQL视图优化(二)
查看>>
【转载】每个程序员都应该学习使用Python或Ruby
查看>>
PHP高级编程之守护进程,实现优雅重启
查看>>
PHP字符编码转换类3
查看>>
rsync同步服务配置手记
查看>>
http缓存知识
查看>>
Go 时间交并集小工具
查看>>
iOS 多线程总结
查看>>
webpack是如何实现前端模块化的
查看>>
TCP的三次握手四次挥手
查看>>
关于redis的几件小事(六)redis的持久化
查看>>