文档章节

分针网——IT教育:A标签中的点击事件

起风了夏天
 起风了夏天
发布于 2017/05/09 17:14
字数 465
阅读 7
收藏 0

我们常用的在a标签中有点击事件:

1. a href="javascript:js_method();"

这是我们平台上常用的方法,但是这种方法在传递this等参数的时候很容易出问题,而且javascript:协议作为a的href属性的时候不仅会导致不必要的触发window.onbeforeunload事件,在IE里面更会使gif动画图片停止播放。W3C标准不推荐在href里面执行javascript语句

2. a href="javascript:void(0);" onclick="js_method()"

这种方法是很多网站最常用的方法,也是最周全的方法,onclick方法负责执行js函数,而void是一个操作符,void(0)返回undefined,地址不发生跳转。而且这种方法不会像第一种方法一样直接将js方法暴露在浏览器的状态栏。

3.a href="javascript:;" onclick="js_method()"

这种方法跟跟2种类似,区别只是执行了一条空的js代码。

4.a href="#" onclick="js_method()"

这种方法也是网上很常见的代码,#是标签内置的一个方法,代表top的作用。所以用这种方法点击后网页后返回到页面的最顶端。

5.a href="#" onclick="js_method();return false;"

这种方法点击执行了js函数后return false,页面不发生跳转,执行后还是在页面的当前位置。

我看了下taobao的主页,他们采用的是第2种方法,而alibaba的主页是采用的第1种方法,和我们的区别是每个href里的javascript方法都用try、catch包围。

综合上述,在a中调用js函数最适当的方法推荐使用:

a href="javascript:void(0);" onclick="js_method()"

a href="javascript:;" onclick="js_method()"

a href="#" onclick="js_method();return false;"

 

本文转载自分针网

想学习更多IT知识可加群:272292492

本文转载自:http://blog.163.com/feitian_com/blog/static/1952733820127316502581/

起风了夏天
粉丝 1
博文 10
码字总数 23
作品 0
崇明
私信 提问
iview 升级指南 —— MenuItem 篇

iview 在今年 7 月 28 号发布了 3.0.0 版本,大版本升级往往意味着功能、接口的大变更。 虽然官网已经有长长的更新日志,但看起来还是有些抽象了, 所以我决定做个新旧版本的比较,盘点新版本...

VanMess
2018/08/06
0
0
音视频信息流媒体传输的技术

进入21世纪以来,随着计算机技术、网络通信技术的飞速发展,传统的教育教学模式面临着巨大的挑战。利用互联网进行网上教学、进行网络课程的开发已经成为教育技术界讨论的重要问题和改革趋势。...

AnyChat
2014/12/18
474
0
关于防范ONION勒索软件(永恒之蓝)病毒攻击的紧急通知及应对办法

关于ONION勒索软件(永恒之蓝)病毒攻击 近期国内多所院校出现ONION勒索软件感染情况,磁盘文件会被病毒加密为.onion后缀,只有支付高额赎金才能解密恢复文件,对学习资料和个人数据造成严重...

膜法小编
2017/05/13
0
0
iview 升级指南 —— Button 篇

iview 在今年 7 月 28 号发布了 3.0.0 版本,大版本升级往往意味着功能、接口的大变更。 虽然官网已经有长长的更新日志,但看起来还是有些抽象了, 所以我决定做个新旧版本的比较,盘点新版本...

VanMess
2018/08/01
0
0
click事件执行两次这么皮??

问题描述 在项目中遇到一个小bug——标签上绑定了一个返回一层路由的点击事件,然而每次点击都会返回两层!! 经调试发现,标签中包裹,而事件绑定在标签中时,点击区域,事件会执行两次。 问...

Apollozz
02/18
0
0

没有更多内容

加载失败,请刷新页面

加载更多

数据库中间件MyCat

什么是MyCat? 查看官网的介绍是这样说的 一个彻底开源的,面向企业应用开发的大数据库集群 支持事务、ACID、可以替代MySQL的加强版数据库 一个可以视为MySQL集群的企业级数据库,用来替代昂贵...

沉浮_
今天
4
0
解决Mac下VSCode打开zsh乱码

1.乱码问题 iTerm2终端使用Zsh,并且配置Zsh主题,该主题主题需要安装字体来支持箭头效果,在iTerm2中设置这个字体,但是VSCode里这个箭头还是显示乱码。 iTerm2展示如下: VSCode展示如下: 2...

HelloDeveloper
今天
6
0
常用物流快递单号查询接口种类及对接方法

目前快递查询接口有两种方式可以对接,一是和顺丰、圆通、中通、天天、韵达、德邦这些快递公司一一对接接口,二是和快递鸟这样第三方集成接口一次性对接多家常用快递。第一种耗费时间长,但是...

程序的小猿
今天
4
0
Python机器学习之数据探索可视化库yellowbrick

背景介绍 从学sklearn时,除了算法的坎要过,还得学习matplotlib可视化,对我的实践应用而言,可视化更重要一些,然而matplotlib的易用性和美观性确实不敢恭维。陆续使用过plotly、seaborn,...

yeayee
今天
8
0
重读《学习JavaScript数据结构与算法-第三版》- 第5章 队列

定场诗 马瘦毛长蹄子肥,儿子偷爹不算贼,瞎大爷娶个瞎大奶奶,老两口过了多半辈,谁也没看见谁! 前言 本章为重读《学习JavaScript数据结构与算法-第三版》的系列文章,主要讲述队列数据结...

胡哥有话说
今天
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部