链接中 href='#' 和 href='###' 的区别

Posted 2020-11-05 马三荷

<a> 标签 + onclick=‘{jscode}‘ 是很常用的一种 js 运用方式，而不使用 href=‘javascript:{jscode}‘ 是为了兼容多种浏览器对 <a> 标签的解释和处理不同。

使用 <a> 标签 + onclick=‘{jscode}‘  时经常会加一个 href=‘###‘，而有时这个 href=‘###‘ 会被误写为 <a href=‘#‘> 是因为使用者没有理解 ‘#‘ 和 ‘###‘ 的区别， ‘#‘ 是有特定意义的，如果 ‘#‘ 后有内容会被认为是一个标签而从页面找到相应标签跳转到该处，找不到时会跳到页首， ‘###‘ 其实就是一个无意义的标签指定，也就是一个 ‘#‘ 和不存在的标签 ‘##‘ 的组合，页面中找不到命名为 ‘##‘ 的 <a> 时该链接就不会发生跳转，也就不会导致执行 onclick 中的内容时突然发生页面跳到页首的问题。‘###‘ 只是一种使用者习惯，如果你愿意，可以随便找一个跳转不到的标签作为命名。