A-A+

js的tab选项卡切换总跳(href=”javascript:;”)

2015年07月01日 JavaScript 暂无评论 阅读 174 次

js的tab选项卡切换总跳(href="javascript:;")怎么解决

a标签中href="javascript:;"是什么意思?

<a> 标签的 href 属性用于指定超链接目标的 URL,href 属性的值可以是任何有效文档的相对或绝对 URL,包括片段标识符和 JavaScript 代码段。

这里的href="javascript:;",其中javascript:是伪协议,它可以让我们通过一个链接来调用javascript函数.而采用这 个方式 javascript:;可以实现A标签的点击事件运行时,如果页面内容很多,有滚动条时,页面不会乱跳,用户体验更好。

<a href="javascript:void(0)" onClick="window.open()"> 点击链接后,页面不动,只打开链接

<a href="#" onclick="javascript:return false;"> 作用同上,不同浏览器会有差异。

如果是个# ,就会出现跳到顶部的情况,个人收藏的几种解决方法:

1:<a href="####"></a>

2:<a href="javascript:void(0)"></a>

3:<a href="javascript:void(null)"></a>

4:<a href="#" onclick="return false"></a>

5:<span style="cursor:hand"></span>(好像在FF中不能显示)

使用javascript的时候,通常我们会通过类似:

<a href="#" onclick="javascript:方法">提交</a>的方式,通过一个伪链接来调用javascript方法.这种方法有一个问题是:

虽然点击该链接的时候不会跳转页面.但是滚动条会往上滚,解决的办法是返回一个false.
如下所示:

<a href="#" onclick="javascript:方法;return false;">提交</a>

还可以用 ###

a href="javascript:void(0)" onclick="javascript:方法;return false;"提交
javascript:void(0)就不会向上跳了:)

还有一个方法是 #this

a href="#this" onclick="javascript:方法"

 

<a href="javascript:void(0);%20onclick="method;">click</a>,执行时,页面将不会发生滚动,这个对于图片切换、AJAX调用 应该非常有用.

标签:

给我留言

Copyright © web前端技术开发个人博客 保留所有权利  京ICP备14060653号 Theme  Ality

用户登录