`

妙用javascript:void(0)

阅读更多
在开发过程中经常使用<a href="#"/>,可是在点击这个链接的时候,总是跳到页面的顶端,如果滚动条很长的话,并且已经阅览的页面底部的时候,给用户带来很大的困扰。

为什么会出现这种情况呢,查阅资料发现,#代表一个锚点,并且这个锚点是在页面的顶部,所以每次点击这个链接都会跳到页面顶部。

如果我们不想让页面跳动的话可以使用javascript:void(0)代替#,页面就不会发生跳动了。增强了用户的体验度。
分享到:
评论
1 楼 fnet 2010-01-15  
sunhj000java 写道
在开发过程中经常使用<a href="#"/>,可是在点击这个链接的时候,总是跳到页面的顶端,如果滚动条很长的话,并且已经阅览的页面底部的时候,给用户带来很大的困扰。

为什么会出现这种情况呢,查阅资料发现,#代表一个锚点,并且这个锚点是在页面的顶部,所以每次点击这个链接都会跳到页面顶部。

如果我们不想让页面跳动的话可以使用javascript:void(0)代替#,页面就不会发生跳动了。增强了用户的体验度。

# 也可以,你只需要 onclick="return false" 即可。
javascript:void(0) 在有的浏览器会有问题。

相关推荐

    javascript:void(0);

    很抱歉,但根据您给出的信息,标题、描述和标签都是`javascript:void(0);`,这意味着没有具体的IT知识点可以提供。压缩包内的文件名虽然看似包含了一些可能与无线电通讯或编程相关的资料,如"威泰克斯写频软件对照....

    商城代码javascript:void(0);

    这个标题可能指的是一个网页中的JavaScript代码,该代码在执行时不会有任何实际效果(即`javascript:void(0);`)。这种做法有时用于HTML链接,目的是让链接不执行任何跳转动作,仅触发某些JavaScript事件。 #### ...

    javascript;与javascriptvoid(0)使用介绍

    ### JavaScript与JavaScriptvoid...通常情况下,为了保证更好的用户体验和更高的安全性,建议优先使用 `javascript:void(0)`。同时,在实际项目中,还可以结合其他技术如jQuery等来进一步增强代码的健壮性和可维护性。

    JS动态加载以及JavaScriptvoid(0)的爬虫解决方案.docx

    然而,这种技术也给网络爬虫带来了新的挑战,尤其是当网站使用`JavaScriptvoid(0)`的方式来隐藏实际的资源链接时。本文将详细介绍如何解决这一问题,并以36Kr网站为例,演示具体的爬取过程。 #### 二、JS动态加载...

    比较详细的关于javascript中void(0)的具体含义解释.docx

    &lt;a href="javascript:void(document.form.submit())"&gt;提交表单 ``` 这里,当用户点击链接时,`document.form.submit()`会被执行,从而提交表单。需要注意的是,这种方式可能会导致一些安全问题,因为用户可能会意外...

    js中javascript-void(0) 真正含义.docx

    ### JavaScript中的`javascript:void(0)`真正含义 #### 关键概念理解 在JavaScript语言中,`javascript:void(0)`是一个常见的表达式,特别是在处理HTML超链接时。它主要用于避免超链接执行默认行为(如跳转至另一...

    javascript-void(0)是什么意思?JS的几种跳转.docx

    在探讨`javascript:void(0)`的具体含义之前,我们首先需要理解`void`操作符的基本概念。`void`是一个JavaScript操作符,用于指定计算一个表达式但不返回任何值。换句话说,`void`操作符的作用主要是执行表达式,并将...

    js中 javascript-void(0) 用法详解.docx

    因此,在需要执行JavaScript处理而不需要页面刷新的情况下,推荐使用 `href="javascript:void(0)"`。 #### 五、`void(0)` 在 AJAX 中的应用 在 AJAX 应用程序中,`void(0)` 的使用非常普遍。AJAX(Asynchronous ...

    javascript-void(0)的含义.docx

    这可以通过在`href`属性中使用`javascript:void(0)`来实现。 ```html &lt;a href="javascript:void(0)"&gt;单击此处什么都不会发生 ``` 在这个示例中,点击链接时,`javascript:void(0)`将执行一个没有任何实际效果的...

    空链接 href="#"与href="javascript-void(0)"的区别.docx

    在Web开发中,我们经常会遇到两种类型的空链接:一种是使用 `href="#"`,另一种则是使用 `href="javascript:void(0)"`。这两种写法在实际应用中看起来相似,但在某些场景下却有着本质的不同。接下来,我们将深入探讨...

    JavaScript中void(0)的具体含义解释

    &lt;A HREF="javascript:void(0)"&gt;单击此处什么也不会发生 在上面的例子中,void(0) 计算为 0,但是不会在当前文档处装入任何内容。因此,当用户点击链接时,什么也不会发生。 void 操作符也可以用于提交表单,例如:...

    [JavaScript权威指南(第6版)].(JavaScript:The.Definitive.Guide).David.Flanagan.文字版.pdf

    - **字符串(String)**: 可以用单引号或双引号包裹,ES6之后还可以使用反引号(``),支持模板字符串。 - **布尔值(Boolean)**: 有两个可能的值——`true` 和 `false`。 - **对象(Object)**: 是一种复合数据类型,可以...

    javascriptvoid(0)含义以及与”#”的区别讲解

    链接(href)直接使用javascript:void(0)在IE中可能会引起一些问题,比如:造成gif动画停止播放等,所以,最安全的办法还是使用“####”。为防止点击链接后跳转到页首,onclick事件return false即可。 3.如果仅仅...

    jquery 仿QQ相册

    &lt;li&gt;&lt;a title="" href="javascript:void(0);"&gt;&lt;img alt="" src="pics/1.jpg"&gt;&lt;/a&gt; &lt;li&gt;&lt;a title="" href="javascript:void(0);"&gt;&lt;img alt="" src="pics/2.jpg"&gt;&lt;/a&gt; &lt;li&gt;&lt;a title="" href=...

    [JavaScript权威指南(第6版)].(JavaScript:The.Definitive.Guide).David.Flanagan.文字版

    - **2.1 Character Set**(字符集):JavaScript支持Unicode字符集,这意味着开发者可以在代码中使用来自任何语言的字符。 - **2.2 Comments**(注释):JavaScript支持单行注释(//)和多行注释(/* */)。 - **2.3...

    详解javascript void(0)

    这时可以使用`javascript:void(0)`。例如: ```html &lt;a href="javascript:void(0);"&gt;单击此处什么都不会发生 ``` 这样的链接点击后,由于`void(0)`计算结果为`undefined`,浏览器不会尝试加载新的页面。 2. *...

Global site tag (gtag.js) - Google Analytics