首页>>前端开发
我们常用的在a标签中有点击事件(<a href="地址">链接</a>),其中“href”参数只要不为空,点击该链接时,页面会自动跳转;如果指定的“href”不合法,页面会跳转到自身,也就是刷新。
空链接: 就是没有目标端点的链接,格式:<a href="#">显示内容</a>
JavaScript禁止a标签跳转的方法:
在以下情况,点击 a 标签不会发生跳转:即不会触发加载资源,也不返回到页面顶部:
方法一: <a href="###">点击</a> (三个#号页点击页面不会回到顶部,1个会的哦) 方法二: <a href="javascript:;">点击</a> 方法三: <a href="Javascript:void(0);">点击</a>
提问:我不懂的是为什么要给a href 添加javascript:. 删除href 就可以了吗 求解?
回答:有了href属性,天然鼠标手型,以及可以被键盘focus以及focus时候回车模拟点击行为!!!
简单看了一下网站的处理方法:
1)谷歌的是:
<a href="javascript:void(0)">链接二</a>
2)facebook的是:
<a href="#" onclick="hanshu(); return false;"> facebook(这个链接居多)</a>或者 <a href="#" onclick="hanshu(); return false"> facebook(就比上面那个少一个分号) </a>
3)twitter的是:
<a href=" ">twitter</a> 或者 <a href="#">twitter</a>
(href=" "在IE下有问题,点击后竟然返回上一级目录)
4)看到YouTube的有一个是这么处理的
<a onclick="hanshu(); return false;">YouTube</a>
直接忽略链接a的href属性,如:
<a class="show-menu-link">返回</a>
3.关于空链接偶觉得比较喜欢YouTube的处理方式,直接忽略它的href属性,但要给它一个cursor:pointer;实在要用href的话,个人偏向于用
<a href="javascript:void(0)">链接二</a>
如果后面有onclick,最好加上 return false;
猜你喜欢
- 2024-02-23 提高小红书运营效率的6个工具
- 2022-11-10 【官方文档】百度搜索网站被黑防范指南
- 2022-11-03 【干货必备】百度搜索优质内容指南
- 2022-08-01 百度隐藏“快照”功能:原因未知-百度快照没了?
- 2022-06-20 浅析“百度搜索基础信息设置规范”!
- 2022-06-15 SEO尴尬,有排名,没流量,没咨询,怎么办?
- 搜索
-
- 2024-04-07 小红书+抖音+直播常见违禁词及替换方法
- 2024-03-14 刷量成风,广告主损失惨重?该被重视了!
- 2024-03-06 代理投的好,还需要招自己的优化师吗?
- 2024-02-23 提高小红书运营效率的6个工具
- 2024-02-23 千川投放百宝书:2万字详解,一篇全掌握!
- 2024-02-20 年后求职15个关键面试问题,助优化师脱颖···
- 2024-01-31 不行就去做销售吧!
- 2024-01-09 合格的优化师,需具备这6项思维能力!
- 2023-12-28 25个金句文案句式,直接套!
- 2023-12-05 做私域必备的10个朋友圈黄金模板
- 2023-12-05 15个爆款短视频文案技巧,看完立马用!
- 2023-11-27 浅析:《百度搜索优质内容解读》,当下百度···
- 2019-11-01 Origin DNS error:使用百···
- 2020-06-20 “401 - 未授权: 由于凭据无效,访···
- 2020-12-01 一级域名好还是二级域名好?
- 2020-10-13 百度抓取诊断工具一直抓取失败怎么办?
- 2019-12-09 域名解析后,网站返回状态码511应对方法
- 2020-04-10 百度下拉框怎么刷?刷百度下拉框软件原理及···
- 2019-08-12 网站出现“403,服务器上文件或目录拒绝···
- 2021-04-13 html/txt文件中文用浏览器打开有乱···
- 2021-01-06 百度移动端的搜索结果上线“踩顶”功能,对···
- 2020-09-03 element.style样式的修改
- 2019-11-06 正确打开.db数据库文件的两种方式,避免···
- 2020-10-20 UC神马搜索怎么做快速排名优化
- 2021-05-21 你为什么小觑百度seo?SEO赚钱实战:···
- 2023-05-19 18个百度SEM搜索推广出价问题汇总
- 2019-09-20 城里套路深:锚定效应在用户决策时的应用
- 2023-03-20 百度竞价碰到恶意点击怎么办?让光击穿黑暗···
- 2019-11-04 SEO工具发布“头条权重值”,“搜索Pl···
- 2019-09-04 网站页面的标签编码标准与否对SEO有何影···
- 2019-06-02 网站SEO进度慢?或许你建站之时就输在起···
- 2021-01-13 惊雷算法3.0即将上线 持续打击刷点击作···
- 2020-06-28 百度搜索终于有更新啦! 这次是结果页外观···
- 2020-08-31 网站做了改版,为什么seo排名反而更差了···
- 2019-09-16 当今搜索引擎网站网站用户体验SEO优化重···
- 2020-10-20 如何利用Google的“WebStory···
- 热门标签
-
- Error 1016
- Origin DNS error
- 源DNS服务器错误
- element.style
- css
- .db文件
- 域名解析
- 别名解析
- CNME解析
- A记录
- 宝塔
- asp.net
- php
- jsp
- 开发语言对比
- 白名单
- 香港主机
- 主机白名单
- 301
- 301重定向
- 301永久重定向
- 锚点跳转
- 个人备案
- 企业备案
- 网站备案
- 500错误
- 字体大小
- 用户体验
- 虚拟主机
- 网站搭建
- 自适应网站
- web前端
- 移动端
- 响应式网站
- 网站被黑
- 后台入侵
- 源码安全
- 备案驳回
- 阿里云备案
- 阿里云服务器
- 实例类型
- ftp
- flashfxp
- 织梦cms
- js空链接
- 百度转码
- 禁止转码
- 开源CMS
- 伪元素选择器
- 伪类选择器
- CSS3
- pbootcms
- 权限设置
- 域名备案
- 网站建设
- 低成本网站
- 谷歌插件
- Chrome
- win10连接远程服务器
- 服务器流量
- 网站流量耗尽
- 蜘蛛
- 屏蔽蜘蛛
- 网站体验设计
- 老年用户
- 网站安全
- html标签
- seo标签
- robots.txt
- X-Powered-By
- 服务器空间
- 网站空间选择
- 网站设计
- seo要点
- seo建站方案
- 营销型网站
- 定制网站
- 0收录
- 新域名收录
- 网站收录
- 独立ip主机
- seo服务器
- dede
- 分页样式代码
- 网站标签
- 标签优化
- 服务器稳定性
- 网站续费
- javascript
- 编程语言
- filter
- 滤镜
- PbootCMS
- sqlite
- mysql
- 数据库
- SQL
- Sqlite
- css3