当前位置:  开发笔记 > 编程语言 > 正文

如何创建一个空的HTML锚点,以便在单击它时页面不会"跳起来"?

如何解决《如何创建一个空的HTML锚点,以便在单击它时页面不会"跳起来"?》经验,为你挑选了5个好方法。

当我点击一个链接时,我正在研究一些JQuery来隐藏/显示一些内容.我可以创建类似的东西:


但是,如果我在页面上向下滚动时单击该链接,它将跳回到页面顶部.

如果我这样做:


该页面将重新加载,这将消除javascript所做的所有更改的页面.

像这样的东西:


会给我预期的效果,但它不再显示为链接.有没有办法指定一个空锚,所以我可以为onclick事件分配一个javascript处理程序,而不更改页面上的任何内容或移动滚动条?



1> Otávio Décio..:

把"归还假"; 在第二个选项:



"回归虚假;" 是正确的方法.如果javascript:URL返回非null对象,它仍然可以替换页面,并且在open-in-new-tab等函数上给出了一个丑陋的JavaScript错误.
@ RobertC.Barth:你的评论是完全没必要的,这表明你的选择更好,但事实并非如此.没有人用正确的思维代码用`javascript:`链接了.当你不想要默认行为(跳转到顶部)时,正确的做法是从处理程序@Sam返回false:显示函数的名称对用户是透明的吗?你所有的用户都是极客吗?
href ="javascript:code stuff"的(可能的)问题是用户然后在状态栏中看到javascript的内容.有点不受欢迎恕我直言.

2> Greg..:

你需要return false;jquery_stuff:


这将取消默认操作.


-tag不为空 - > 错误.
我喜欢为非JavaScript用户提供目标的想法.如果目标页面做了类似于javascript的操作,那将特别有用......
根据JS正在做什么,这被认为是非JS用户最容易访问的.+1

3> Shiva Srikan..:

你可以简单地把它放在下面:



这个比其他人简单得多

4> nates..:

jQuery有一个内置的函数preventDefault,可以在这里找到:http: //api.jquery.com/event.preventDefault/

这是他们的例子:


您还可以像这样构建链接:

Link



5> 小智..:

检查eyelidlessness'评论(使用按钮,而不是锚).即将发布相同的建议.不链接到资源并仅执行脚本的锚应该实现为按钮.

停止将您的事件处理程序放在HTML中,并停止使用不支持锚语义目的的锚标记.使用按钮并在Javascript中添加单击处理程序.示例:HTML 和JavaScript $('#jquery_stuff').click(jquery_stuff);.您可以使用CSS通过删除填充,边框,边距和背景颜色来设置按钮的样式,然后添加链接样式(例如颜色和文本修饰). - 眼睑10月19日在17:40的眼睑

推荐阅读
黄晓敏3023
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有