<a>标签href属性和onclick()执行顺序及点击两次才跳转
来源:互联网 发布:茅台防伪溯源软件下载 编辑:程序博客网 时间:2024/06/07 07:12
今天写一个小demo时,发现正常点击链接不跳转,只有连续点击两次才会跳转,代码很简单,如下:
<a href="" onclick="queryStudent()">查询</a>因为太简单了,也因为知道onclick()的执行顺序在href之前执行,现在把href设置为“”,也就是不做任何动作,那就不应该会出问题,可是错误往往是由细节引起的,不跳转的原因就是因为这个,原因是当执行完onclick()事件之后它还会去执行href属性链接,所以把href=“”删除就可以了,或者写成href=“javascript:;”或者href=“javascript:void(0);”或者href=“#”都可以。
href=“#”和href="####"的区别在于,前者默认锚点是页面顶端,所以点击后页面会回到页面顶部,这在页面有滚动条或者比较长的时候体验不好,后者点击后则不作任何动作,页面还处于原来的位置。
阅读全文
0 0
- <a>标签href属性和onclick()执行顺序及点击两次才跳转
- <a>标签跳转和执行js函数,href和onclick属性
- a的href属性和onclick的执行顺序
- <a>标签的href和onclick属性
- <a>标签的href和onclick属性
- <a>标签的href和onclick属性
- <a>标签的href和onclick属性
- <a>标签的href和onclick属性
- <a>标签的href和onclick属性
- <a>标签的href和onclick属性
- <a>标签的href和onclick属性
- <a>标签的href和onclick属性
- <a>标签的href和onclick属性
- <a>标签的href和onclick属性
- <a>标签的href和onclick属性
- <a>标签中的onclick和href属性
- 关于a标签的onclick与href的执行顺序
- 关于a标签的onclick与href的执行顺序
- Python学习总结
- 记录:vs中使用Unicode字符集时,wcout的问题
- Android中EditText在ListView中会出现消失的情况
- dubbo泛化调用
- 去除input边框和去除当点击input框时显示的边框
- <a>标签href属性和onclick()执行顺序及点击两次才跳转
- QT中Connect函数 信号槽
- 操作系统刷题(十)
- LeetCode 126. Word Ladder
- Android7.0中文文档(API) -- HorizontalScrollView
- 99%的人都理解错了HTTP中GET与POST的区别
- HDU 2003
- 华为帧中继配置
- 几个不错的Android开源音视频播放器