html 空链接 href=#与href=javascript:void(0)的区别
#包含了一个位置信息
默认的锚是#top 也就是网页的上端
而javascript:void(0) 仅仅表示一个死链接
这就是为什么有的时候页面很长浏览链接明明是#但跳动到了页首
而javascript:void(0) 则不是如此
所以调用脚本的时候最好用void(0)
你可使用如下例子来测试一下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> </head> <body> 这里是页首..... <p>1 </p> <p> 1</p> <p> 1</p> <p> 1</p> <p> 1</p> <p> 1</p> <p> 1</p> <p> 1</p> <p> 1</p> <p> 1</p> <p> 1</p> <p> 1</p> <p> 1</p> <p> 1</p> <p> 1</p> <p> 1</p> <p> 1</p> <p> 1</p> <p> 1</p> <p> 1</p> <p> 1</p> <p> 1</p> <p> 1</p> <p> 1</p> <p> 1</p> <p> 1</p> <p> 1</p> <p> 1</p> <p> 1</p> <p> 1</p> <p> 1</p> <p> 1</p> <p> 1</p> <a href="#">这是会跳到页首的</a> <a href="javascript:void(0)">这个不会跳动</a> </body> </html>
html 空链接 href=#与href=javascript:void(0)的区别相关推荐
- href=#与href=javascript:void(0)的区别
href="#"与href="javascript:void(0)"的区别 # 包含了一个位置信息,默认的锚是#top 也就是网页的上端. 而javascrip ...
- a href=#与 a href=javascript:void(0) 的区别
a href="#"> 点击链接后,页面会向上滚到页首,# 默认锚点为 #TOP<a href="javascript:void(0)" onCli ...
- a href=#与 a href=javascript:void(0) 的区别 打开新窗口链接的几种办法
#包含了一个位置信息 默认的锚点是#top 也就是网页的上端 而javascript:void(0) 仅仅表示一个死链接 这就是为什么有的时候页面很长浏览链接明明是#可是 跳动到了页首 而javas ...
- href=#与javascript:void(0)的区别
2019独角兽企业重金招聘Python工程师标准>>> <a href="javascript:void(0);" οnclick="test() ...
- a href=# 与 a href=javascript:void(0) 的区别
"#"包含了一个位置信息 默认的锚点是#top 也就是网页的上端 而javascript:void(0) 仅仅表示一个死链接 这就是为什么有的时候页面很长浏览链接明明是#可是跳动到 ...
- 浅谈href=#与href=javascript:void(0)的区别
#"包含了一个位置信息 默认的锚点是#top 也就是网页的上端 而javascript:void(0) 仅仅表示一个死链接 这就是为什么有的时候页面很长浏览链接明明是#可是跳动到了页首 而 ...
- a href=# 与javascript:void(0)的区别
跳转到本页面顶部,一般建议写成javascript:void(0);要好一点,点了一点反应都没有,写#点了会跳一下的
- 全局修改a链接的打开方式,javascript:void(0)会打开空白页面问题
添加 <base target="_blank">会出现一个问题,在ie,firefox 下 <a href="javascript:void(0)&q ...
- javascript:void(0)与#区别
javascript:void(0) 鼠标点击时,不会跳转到其他页面,且停留在原地 # 鼠标点击时,不会跳转到其他页面,但会回到顶部 转载于:https://www.cnblogs.com/1 ...
最新文章
- mysql可以做日期处理吗_mysql可以做日期处理吗
- 云计算的下半场:云原生
- 对文本的内容进行排序
- Beta 冲刺(3/7)
- C#隐藏桌面图标和任务栏
- servlet串行拦截器实现例子
- 精确的硬盘整数分区方法
- IDEA阅读spring源码并调试
- CBD将建智慧城市管理平台
- JAVA-Hibernate-SQL类型映射表及Hibernate标识生成策略
- 评价类问题中的模糊综合评价法
- 倍福嵌入式控制器PLC各型号介绍
- dota2服务器位置设置在哪里,《DOTA2》自走棋国服怎么进入 自走棋国服服务器进入方法...
- SDOI2015寻宝游戏
- 简单的网站全屏背景图代码
- Mac 清理垃圾工具 Clean My Mac破解版
- Odoo 继承对象增加属性,不显示protal o_affix_enabled 内容
- python导入openpyxl_python系列之(6)Python使用Openpyxl操作Excel
- 电脑开远程的几个方法
- XiaoHu日志 4/24~5/22
热门文章
- Network 第六篇 - 三层交换机配置路由功能
- 大数据分析——零售业
- 在FIREBUG控制台中输入 jQuery() 返回 []
- Junit5集成到Maven工程
- linux磁盘调度算法
- 【SpringCloud从0到6】 第二节:注册中心 - eureka
- 接计算机专业怎样备考,专接本考试计算机专业复习指南.pdf
- ASP.NET Core 基于SignalR实时通讯的前后端分离技术
- python 获取浏览器句柄下的网页控件,Python获取浏览器窗口句柄过程解析
- 只收藏不点赞的人是什么心理???