信息发布 信息热搜: 教程  首页  区别 
  • 匿名
收藏  |   举报 2020-01-09 10:22   关注:8   回答:0

href=# 和 href=javascript:void(0) 两种写法区别?

已关闭 悬赏分:0
我们在使用a标签的空链接时,通常写为 href=# 或者 href=javascript:void(0) ,这两种写法有什么区别呢?我想很多人都不会去深究,但是这两种写法出来的效果有时候是不一样的。
 
概括来说,这两种写法有如下几个区别:
 
# 包含了一个位置信息,默认的锚是 #top 也就是网页的上端。
而javascript:void(0), 仅仅表示一个死链接,当 href=javascript:void(0) 的空链接被点击时,页面不会有任何反应。
在页面很长的时候会使用 # 来定位页面的具体位置,格式为:# + id。
如果你要定义一个死链接请使用 javascript:void(0) 。
 
为什么要使用href=”javascript:void(0);”
href=”javascript:void(0);”这个的含义是,让超链接去执行一个js函数,而不是去跳转到一个地址,
而void(0)表示一个空的方法,也就是不执行js函数。
javascript:是伪协议,表示url的内容通过javascript执行。void(0)表示不作任何操作,这样会防止链接跳转到其他页面。这么做往往是为了保留链接的样式,但不让链接执行实际操作,
 
下面的语句:
 
<a href="javascript:void(0)" οnclick="window.open()">
点击链接后,页面不动,只打开链接。而下面的语句:
 
<a href="#" οnclick="javascript:return false;">
作用一样,但不同浏览器会有差异。
 
多数情况下,当某一链接要执行一个javascript程序时,我们可以使用href=javascript:void(0)再加上onclick事件来实现,如下面实例代码:
 
javascript:;与javascript:void(0)的区别
从执行效果来看:“javascript:;”直接返回undefined。“javascript:void(0);”要去执行一次表达式“0”,然后返回undefined。
性能上的区别:javascript:void;会多一次表达式解析。
空间上区别:“void(0);”比“;”多7个字符。
 
0相关评论
网站首页  |  关于我们  |  联系方式  |  注册指南  |  代发信息服务  |  网站地图  |  排名推广  |  广告服务  |  积分换礼  |  网站留言  |  RSS订阅  |  违规举报  |  苏ICP备17041884号-2


知道信息发布网站微信公众号:哪些网站可以免费发信息关注公众号即可,招聘免费发布信息平台