javascript:void(0)与#respond使用介绍 | 长沙SEO
长沙SEO:分享优化思维和经验,提供教程视频下载 网站地图 RSS
于本站产生有效评论,即回访赠送IP;与本站互链,每日回访并评论文章
当前位置: 长沙SEO > 修改模板 > 详细内容

javascript:void(0)与#respond使用介绍


href="javascript:void(0)"表示空的表示锚文本,点击无效果
href="#respond"点击返回底部

详解href=”#”与href=”javascript:void(0)”的区别

“#”包含了一个位置信息
默认的锚点是#top 也就是网页的上端
而javascript:void(0) 仅仅表示一个死链接
这就是为什么有的时候页面很长浏览链接明明是#可是跳动到了页首
而javascript:void(0) 则不是如此
所以调用脚本的时候最好用void(0)
或者<input onclick>
<div onclick>等

了解href=”#”
编写网站代码过程中,需要触发事件而不需要返回值,那么我们会用到href=”#”这样的写法,一般用三个#即 href=”###”,它包含了一个位置信息。#默认锚是#top,与#respond对应,点击效果是网页不打开新的页面,但是页面滚动到页首。而连续快速点击的时候浏览器会极其慢甚至会出现崩溃。

javascript:void(0)与#respond使用介绍

本站右侧“最新文章、文章排行、随机文章”板块起初用的就是href=”#”代码,当鼠标移动到这三个锚文本中的某一个上面,用js代码默认点击了锚文本,然后页面就滚动到页首,需要重新滚动页面到该板块位置。这样显得非常麻烦,所以在网上找到了href=”javascript:void(0)”这段代码。

href=”javascript:void(0)”怎么理解?
代码中void是一个操作符,该操作符指定要计算一个表达式但是不返回值。看起来确实是一个锚文本,但是点击没有跳转到新页面或者页面滚动等效果。
同javascript:void(0)一样,使用javascript:;(一个冒号一个分号)能有一样的效果,两者差不多,都是执行一个空事件。qq空间很多都是写成javascript:; 。并且据说javascript:void(0);某些情况下有浏览器兼容bug,未得到本人的认证,所以什么时候出现我也不知道,知道的童鞋欢迎指教。

<a href=”javascript:void(0)” onClick=”window.open()”> 点击链接后,页面不动,只打开链接
<a href=”#” onclick=”javascript:return false;”> 作用同上,不同浏览器会有差异。
点击链接后,不想使页面滚到页首,就用href=”javascript:void(0)”,不要用href=”#”,return false也有类似作用

#respond使用介绍

对于href=”#respond”这句代码大家应该不会陌生。上面说到href=”#”包含的是一个位置信息,#默认锚点是#top,href=”#”就是href=”#top”点击链接之后页面滚动到页首。同样就可以理解了href=”#respond”也是包含位置信息,只是恰恰与href=”#”相反,点击之后就是滚动到低端。
为什么我会突然把这个拿出来讲呢。在我的另一个博客网站www.legou8888.com,它之前的模板的日志原信息中就有一项评论数,在评论数那里用上了锚文本,用上了href=”#respond”,点击就来到评论板块。当时觉得是不是点击了锚文本能到达页面任意位置,然后了解了这句代码,发现它仅仅是返回底部的效果。虽然并不是我想要的效果,但是对于大部分博客网站,点击了来到底部评论板块、发表评论,不管SEO还是直观的网站体验,这个效果都是不错。

请选择你看完该文章的感受:

4不错 5超赞 0无聊 0扯淡 0不解 2路过

1 条评论 to “javascript:void(0)与#respond使用介绍”

来了,请说点什么吧



吾爱SEO小站,倾情分享多年搜索引擎优化学习心得,提供各类网站优化及建站教程视频下载,致力打造湖南长沙SEO优化建站技术、长沙本地一流技术博客!!
为企业网站提供免费优化诊断服务、欢迎大家咨询!!长沙网站SEO阿信qq:2713074171

广而告之

近期评论