注意A链接的默认行为

无意间访问一家上市公司网站做的一个活动页,进去后会出现蒙板,让访客登录,右上角有一个关闭按钮。

但很奇怪的是,我点击关闭按钮时,页面的滚动条被定位到页面顶部(页面链接多了一个锚“#”)。然后我想看刚才浏览的区域,又得去滚动鼠标..

(写这篇文章是因为在转发微博祝贺上以前策划同事跳到淘宝后为公司创造了很不错的业绩,之后有人评论说在大公司在工作自己的个人能力会被放大,同时纰漏也会被放大;正好我遇到的这个页面肯定是会有很多人去访问)

职业习惯就是右击,然后查看DOM结构,定位了问题:

记得最初加入以前的Web组时,入职后在工作位上的第一件事情是看web编码规范(XHTML、CSS、JavaScript的编码规范),它里面中就指出:所有不需要打开链接页面的A元素,它的href属性不允许写为”#”,而得使用“javascript:;”

对于上面两种方式我倒没有说更倾向于选择哪种方式,只是因为既然是规范那就得遵守(因为你在团队中,久而久之,这种规范已经成为我的一种习惯了),不同的团队对于一这个可能定义还不一样。

重点不在于写什么,在于使用onclick上,对于链接上需要触发点击事件的(不需要打开新页面的情况下)是如何处理的

1、使用onclick,oncilck=”fn();return false;”,取消它的默认行为

2、使用额外绑定事情的方式进行处理,不过还是建议取消它的默认行为

发现上面两条我都写说要“取消链接的默认行为”,为什么要这样做,好处在哪?

1、不会出现像文章开头那样描述的场景

2、在IE6下面如果不取消链接的默认行为,会听到讨厌的“咔~ 咔~”的声音,会感觉瞬间有一点卡(因为我的机器比较老,这一点感受比较深)

唠叨这么多,只是想说,无论你在大公司、小公司亦或是你觉得做的页面并不是那么地重要,还是得要有一颗责任心,从自己手中敲出去的代码,要对自己负责、对用户负责。我觉得体验更多的是一种对完全追求的态度、一种责任心

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏大数据钻研

前端工程师如何干掉设计

前端是一个承上启下的职位,正因为其位置的特殊性导致其必须了解设计和后台的一些基本知识。本文并非教大家如何取代设计的工作,而是讲解前端如何更快更便捷的实现一些简单...

36040
来自专栏葡萄城控件技术团队

2017年 JavaScript 框架回顾 -- 后端框架

本文是2017年 JavaScript 框架回顾系列的最后的一篇文章,主要介绍 JavaScript 的后端框架情况。 ? 从上图中可以看到,Express 作...

36430
来自专栏腾讯社交用户体验设计

那些年苹果做错的设计

14430
来自专栏Web行业观察

设计师神器PixelMator Pro初体验

得益于订阅官方新闻,第一时间入手了 Pixelmator Pro( 下文称专业版 ),经过几天的简短试用,说说感想.

21030
来自专栏携程技术中心

RN沙龙 | 那些携程火车票业务在RN实践中踩过的坑

姚瑞琼,前端程序媛一枚。2014年毕业后加入携程火车票事业部,今年年初起至今,主要负责React Native方案在火车票业务线的实践,先后参与并负责汽车票RN...

51490
来自专栏无原型不设计

新手看Mockplus2.3

Mockplus是我从今年下半年开始使用的一款原型设计软件,我被它简单高效的特性深深吸引着。他最近迎来了一次大版本(2.3)的更新,作为一名新手,我看着他再度走...

29170
来自专栏极客慕白的成长之路

2018 前端趋势:更一致,更简单

15720
来自专栏钱曙光的专栏

一周极客热文:依赖 IDE 做开发,会让你成为一名糟糕的程序员么?

上图为:Mac系统文本编辑器Chocolat 事实上,一款优秀的IDE会让你的工作更有效率:优质的框架加快了项目进度,自动编译和IDE重构工具让编码进行得更快,...

227100
来自专栏Jerry的SAP技术分享

一个程序猿试用有道云笔记VIP功能体验

熟悉我的朋友应该知道,我有一个微信公众号,叫做“汪子熙", 我会定期在上面推送技术文章。

36900
来自专栏知晓程序

帮你快速抢红包,微信聊天记录竟有这些隐藏操作? | 晓技巧

16730

扫码关注云+社区

领取腾讯云代金券