Loading [MathJax]/jax/output/CommonHTML/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >链接中 href='#' 和 href='###' 的区别以及优缺点

链接中 href='#' 和 href='###' 的区别以及优缺点

作者头像
deepcc
发布于 2018-05-16 06:53:36
发布于 2018-05-16 06:53:36
1.9K0
举报
文章被收录于专栏:deepccdeepcc

     首先,<a> 标签 + onclick='{jscode}' 是很常用的一种 js 运用方式,而不使用 href='javascript:{jscode}' 是为了兼容多种浏览器对 <a> 标签的解释和处理不同。其次,使用 <a> 标签 + onclick='{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即可。

   如有其他想法可在下面回帖

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2014-07-24 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
通俗易懂PHP基础【3-数据类型】
人生的磨难是很多的,所以我们不可对于每一件轻微的伤害都过于敏感。在生活磨难面前,精神上的坚强和无动于衷是我们抵抗罪恶和人生意外的最好武器。
Lemon黄
2019/10/08
1.2K0
通俗易懂PHP基础【3-数据类型】
PHP 基本数据类型
上篇教程,学院君给大家介绍了 PHP 中变量和常量的声明和使用,并且提到,PHP 是弱类型语言,在声明变量时,无需指定类型,变量值对应的数据类型会在运行时进行判断,所以虽然无需指定类型,但实际上还是有类型的,只不过这个判定工作交给了 PHP 底层引擎完成,这是以牺牲程序性能为代价换取开发效率和语言的简单性,所有的弱类型解释型语言,比如 Python、JavaScript 都是这么做的。
学院君
2020/05/27
2K0
PHP入门
       使用单引号包裹字符,即可定义字符串类型,也可以使用双引号包裹,但单引号的效率更高些。示例:
用户9979303
2022/10/28
1.2K0
【php快速入门】学习笔记
PHP是HTML语言的升级形式,语言结构仍然以HTML为核心。这么说吧,HTML是一张白纸,那么PHP就是一张白纸折起来的飞机。PHP比HTML功能更强。
20岁爱吃必胜客
2022/11/13
3.8K0
【php快速入门】学习笔记
PHP入门之类型与运算符
PHP对于大部分人来说,是比较容易入门的。笔者也是刚学习不久,所以就把自己学习的基础知识进行总结和整理。第一部分是类型与运算符。如果你想学习PHP,可以参考PHP学习手册学习,任何一本教学资料也没有PHP学习手册讲的详细。下载地址:PHP学习手册
雪痕@
2020/09/27
1.4K0
PHP入门之类型与运算符
细说php入门学习
内存: 一旦申明一个变量,就会占用一定的内存 + 当程序结束,没有人在引用变量时,就会被删除
全栈程序员站长
2022/11/17
3.8K0
PHP全栈学习笔记31
:link 未被访问的链接添加样式 :visited 向已被访问链接添加样式 :hover 向鼠标悬停时向元素添加样式 :active 向被激活的元素添加样式 :focus 向拥有键盘输入焦点的元素添加样式 :first-child 向第一个子元素添加样式
达达前端
2019/07/03
6970
PHP全栈学习笔记31
php面试笔记(2)-php基础知识-常量和数据类型
面试是每一个PHP初学者到PHP程序员必不可少的一步,冷月将为大家对PHP基础知识;JS、JQuery、AJAX;Linux;MySQL;程序设计题;PHP框架;算法、逻辑思维;高并发解决方案等做一个全方位的解析。
学长冷月
2020/08/02
1K0
PHP基础常识
注释: /* */ 多行注释. // 单行注释. 变量命规范 (1))以$开头; 如:$a (2)由字母数字下划线组成,但是不能以数字开头; (3)可以使用中文,但是不推荐使用; (4)变量名严格区分大小写; (5)变量名定义要起到见名知意的作用; (6)变量使用前必须先声明,后使用; 打印变量 echo 用来打印字符串或者打印变量(不能打印数组)打印普通变量输出值的时候使用。 print_r 打印变量信息(一般用来打印数组) ,打印数组的时候使用。 var_d
汤清丽
2019/09/21
9500
PHP全栈学习笔记2
什么是php,PHP语言的优势,PHP5的新特性,PHP的发展趋势,PHP的应用领域。
达达前端
2019/07/03
7690
PHP全栈学习笔记2
PHP | 变量、标量知识梳理与运用详析
也就是小数,可以用小数点或者科学计数法表示。 科学计数法可以使用小写的e,也可以使用大写的E。 demo:
凌川江雪
2019/02/26
1K0
PHP学习小知识点归纳
Heredoc结构形式长字符串 首先使用定界符表示字符串(<<<),接着在“<<<“之后提供一个标识符GOD,然后是字符串,最后以提供的这个标识符结束字符串。
Ewdager
2020/07/14
5880
php基础知识3-数据类型
很多初学的小伙伴对于数据类型这一定义很难理解,其实如果给出一个数,计算机并不像人一样能够一眼识别出是整数还是小数,计算机只能识别0 和 1的二进制代码,而数据类型就是帮助计算机识别这个数到底是整数还是小数。
学长冷月
2021/04/24
6890
php基础知识3-数据类型
PHP数据类型
可以用十进制、二进制、八进制、十六进制表示,前面加上“+”和“-”表示正整数和负整数
白胡杨同学
2020/04/02
2.3K0
PHP数据类型
php变量和数据类型
通过美元$变量名称来表示变量,可以声明变量在使用,也可以不声明,可以一次声明一个,也可以一次声明多个
达达前端
2019/11/19
1.4K0
php变量和数据类型
php的八种基本数据类型
        例子:1.5,5.2,1.0,3.0都是float类型。所有的小数点数。科学计数法(2000:2E3,0.15:1.5E-1)等都是float型。
十月梦想
2018/08/29
1.3K0
php的八种基本数据类型
PHP常用库函数介绍+常见疑难问题解答
      最近在苦学PHP,虽然PHP在整体功能上不如Java强大,但相比PHP而言Java算是较重量级的,所以在小中型系统的开发上,使用PHP的趋势不可挡,就算是大型网站,比如淘宝也部分使用了PHP(Java后台逻辑+PHP前台展示),所以赶紧开始学PHP啦。首先介绍下比较简单但必不可少且实用的知识,可以当手册查询,适合像我一样的新手看。 一、PHP常用库函数介绍 1. PHP字符串操作常用函数 确定字符串长度   int strlen(string str) 比较两个字符串   a. strcmp
猿人谷
2018/01/17
1.4K0
PHP学习值收获0708
String(字符串), Integer(整型), Float(浮点型), Boolean(布尔型), Array(数组), Object(对象), NULL(空值)。
软件小生活
2021/08/16
5990
【PHP快速入门】 第二节 php基本语法1.什么地方能写PHP代码?2.PHP语句要不要加分号?3.如果本来该加分号的地方我没加怎么办?4.PHP有注释吗?5.PHP变量怎么去定义的?5.PHP
有的地方要加,有的地方不要加。(似乎是废话...) 一句话搞定:有花括号的地方不要加,其他都给我加上!! 比如,if判断,for循环,定义方法,这些都不要加,谁加我跟谁急。其他地方都给我加上。
剽悍一小兔
2018/12/12
1.6K0
php基础知识详解()解析变量1
记住了,兄弟们,运行开头一定要写localhost哈,不要写其他乱七八槽的哈,不要写什么htdocs/。。。。的,告诉你,这没用,固定就这样。localhost/php文件名 问题?后面要加分号;吗? 不需要,为什么,我也不知道,固定写法就这样啊啊
贵哥的编程之路
2020/10/28
1.8K0
php基础知识详解()解析变量1
相关推荐
通俗易懂PHP基础【3-数据类型】
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档