首先,<a> 标签 + οnclick='{jscode}' 是很常用的一种 js 运用方式,而不使用 href='javascript:{jscode}' 是为了兼容多种浏览器对 <a> 标签的解释和处理不同。其次,使用 <a> 标签 + οnclick='{jscode}'  时经常会加一个 href='###',而有时这个 href='###' 会被误写为 <a href='#'> 是因为使用者没有理解 '#' 和 '###' 的区别。

简单地说,就是说如果想定义一个空的链接,又不跳转到页面头部,可以写href="###"。详细解释就是'#' 是有特定意义的,如果 '#' 后有内容会被认为是一个标签而从页面找到相应标签跳转到该处,找不到时会跳到页首, '###' 其实就是一个无意义的标签指定,也就是一个 '#' 和不存在的标签 '##' 的组合,页面中找不到命名为 '##' 的 <a> 时该链接就不会发生跳转,也就不会导致执行 onclick 中的内容时突然发生页面跳到页首的问题。'###' 只是一种使用者习惯,如果你愿意,可以随便找一个跳转不到的标签作为命名。说白了"###" 就是一个不是锚点的字符串 浏览器找不到也不会跳到页首,原理就是依赖了网页的报错机制,找不到就不做处理。

有些人说,不喜欢“###”因为他会改变链接。都是使用一直用javascript:void(0)或者javascript:。href="javascript:void(0);"但也有人说用href="javascript:void(0);"可能会有浏览器兼容问题。在做页面时,如果想做一个链接点击后不做任何事情,或者响应点击而完成其他事情,可以设置其属性 href = "#",但条是,这样会有一个问题,就是当页面有滚动时,点击后会返回到页面顶端,用户体验不好。

javascript:void(0)这种伪协议,少写的好,如果你看过一些web标准的书就知道为什么了。 2.链接(href)直接使用javascript:void(0)在IE中可能会引起一些问题,比如:造成gif动画停止播放等,所以,最安全的办法还是使用“####”。为防止点击链接后跳转到页首,onclick事件return false即可。

a 标签 href="#idname" 跳传到一个元素"id=idname"的原件

a href=#/a 和a href=###/a 区别相关推荐

  1. self.location.href、top.location.href、localtion.href、有什么不同

    top.location.href="url"          在顶层页面打开url(跳出框架) self.location.href="url"       ...

  2. 关于js中window.location.href、location.href、parent.location.href、top.location.href的用法...

    关于js中"window.location.href"."location.href"."parent.location.href".&qu ...

  3. HTML中href src区别,html中 href 和 src 的定义与区别

    看了几天的html,一直觉得没有把href和src的区别和用的地方搞清楚,今晚就来捋一捋. 才开始觉得href和src是没有有区别的,只是不能用在同一个标签中. 后来发现href和src是有区别的. ...

  4. 分析href、src、url的区别

    href.src.URL都是用来引用的,还有CSS中的url()函数,看似他们完成的工作相同,但仔细分析是有区别的,了解他们的区别可以帮助我们更好的设计网页. RUL:Uniform Resource ...

  5. a标签中href=javacript:; href=javacript:void(0); href=#区别

    在使用<a>标签时,经常会绑定其他事件比如onclick,这时候我们会给<a>标签的href属性赋值为"#","javacript:;" ...

  6. href=#与javascript:void(0)的区别

    2019独角兽企业重金招聘Python工程师标准>>> <a href="javascript:void(0);" οnclick="test() ...

  7. obj.href 与 obj.getAttribute(href)的区别

    HTML代码如下: <a href="#2">2</a> 分别用2种方法取得<a>标签的href属性, 方法一: alert(this.href ...

  8. a标签 href和onclick 传递的this区别

    <!--this 是a标签--> <a href="javascript:void(0)" onclick="javascript:searchBySo ...

  9. html src href 路径,src跟href,url的区别

    什么是URL: URL是Uniform Resource Location的缩写,译为"统一资源定位符".通俗地说,URL是Internet上用来描述信息资源的字符串,主要用在各种 ...

最新文章

  1. 开机BIOS语言(转载)
  2. java ip包_java网络抓ip包 首部是个什么情况
  3. C++知识点32——使用C++标准库(关联容器set和multiset的初始化,赋值,查找,添加,删除与迭代器失效)
  4. db2查询表结构语句_SQL语句大全,赶快收藏吧!
  5. c语言开发游戏趋势,都9012年了,为何我还坚持用C语言开发游戏
  6. python中用*打印一个上三角形和下三角形组成的三角形
  7. 华为OJ平台——放苹果(典型整数划分问题)
  8. JFinal问题整理
  9. 世界最前沿黑科技实验室 MIT Media Lab 教授 Cynthia: 让社交机器人陪伴千万家庭成为现实...
  10. 计算机端口介绍[详细列表]
  11. java游戏鬼吹灯安卓版下载_鬼吹灯手机游戏下载
  12. 遥感数字图像处理复习(朱文泉)
  13. 蓝牙音箱CSR芯片系列解密
  14. 点击换图 秀米的svg_时隔五年再用秀米,我发现了这个超强玩法。
  15. C#序列化和反序列化到底是什么意思
  16. MP3参数,格式,术语有关一切内容详解。
  17. 兆骑科创创新创业大赛活动举办,线上直播路演,投融资对接
  18. 白化病最新研究进展(2021年9月)
  19. xampp mysql远程连接_远程访问xampp
  20. N-puzzle-Problem

热门文章

  1. NOIP模拟赛 滑动的窗户 单调队列
  2. vue幸运抽奖大转盘的丑绝实现
  3. Polkadot 账户
  4. 二叉树经典例题的题解
  5. 人工智能研究的基本内容
  6. Elasticsearch嵌套字段的聚合操作
  7. linux学习正是开始---嘎嘎嘎
  8. 微信驾校小程序系统设计与实现
  9. MySQL 在Linux下定时备份数据库
  10. wow怀旧服新开服务器最新消息,魔兽世界怀旧服服务器8月29日开放进度 新开服务器汇总...