`
royzhou1985
  • 浏览: 254415 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

JAVASCRIPT 中 VOID(0) 的含义

阅读更多
我想使用过ajax的都常见这样的代码:
<a href="javascript:doTest2();void(0);">here</a>
但这儿的void(0)究竟是何含义呢?

JavaScript中void是一个操作符,该操作符指定要计算一个表达式但是不返回值。

void 操作符用法格式如下:
1. javascript:void (expression)
2. javascript:void expression

expression 是一个要计算的 JavaScript 标准的表达式。表达式外侧的圆括号是可选的,但是写上去是一个好习惯。 (实现版本   Navigator 3.0   )

你可以使用 void 操作符指定超级链接。表达式会被计算但是不会在当前文档处装入任何内容。

下面的代码创建了一个超级链接,当用户点击以后不会发生任何事。当用户点击链接时,void(0) 计算为 0,但在 JavaScript 上没有任何效果。

<A HREF="javascript:void(0)">单击此处什么也不会发生</A>

下面的代码创建了一个超级链接,用户单击时会提交表单。

<A HREF="javascript:void(document.form.submit())">单击此处提交表单</A>



那什么情况下用void(0)比较多呢,无刷新,当然是Ajax了,看一下Ajax的web页面的话,一般都会看到有很多的void(0),所以在使用void(0)之前,最好先想一想这个页面是否需要整体刷新。

----------------------------------------------------------------------------

使用javascript的时候,通常我们会通过类似:<a href="#" onclick="javascript:方法">提交</a> 的方式,通过一个伪链接来调用javascript方法。这种方法有一个问题是:虽然点击该链接的时候不会跳转页面,但是滚动条会往上滚,解决的办法是返回一个false。
如下所示:
<a href="#" onclick="javascript:方法;return false;">提交</a>

<a href="javascript:void(0)" onclick="javascript:方法;return false;">提交</a>

还有一个方法是 #this
a href="#this" onclick="javascript:方法"

----------------------------------------------------------------------------


#包含了一个位置信息

默认的锚点是#top 也就是网页的上端

而javascript:void(0)   仅仅表示一个死链接

这就是为什么有的时候页面很长浏览链接明明是#可是跳动到了页首

而javascript:void(0) 则不是如此

所以调用脚本的时候最好用void(0) 或者<input onclick> <div onclick>等
分享到:
评论

相关推荐

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

    ### JavaScript中的`void(0)`具体含义解释 #### 一、`void`操作符简介 在JavaScript中,`void`操作符是一个特殊的操作符,它主要用于计算一个表达式但不返回任何值。换句话说,`void`操作符可以用来执行一些副作用...

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

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

    javascript-void(0)的含义.docx

    ### JavaScript中的`void(0)`含义详解 #### void关键字简介 在JavaScript中,`void`关键字是一个非常重要的操作符,其主要功能是指定计算或执行一个表达式,但该操作的结果是`undefined`。这意味着即使表达式有...

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

    ### JavaScript中的 `void(0)` 用法详解 #### 一、`void(0)` 的基本概念 ...通过上述内容,我们了解了 `void(0)` 在JavaScript中的含义及其应用场景,希望这些知识能帮助你在实际项目中更有效地使用这一特性。

    商城代码javascript:void(0);

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

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

    JavaScript 中 void(0) 的具体含义解释 void 操作符是 JavaScript 中的一个特殊操作符,用于指定要计算一个表达式,但是不返回任何值。void 操作符的用法格式如下: 1. javascript:void (expression) 2. ...

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

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

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

    JavaScript中void是一个操作符,该操作符指定要计算一个表达式但是不返回值。 void 操作符用法格式如下: 1. [removed]void (expression) 2. [removed]void expression expression 是一个要计算的 JavaScript...

    javascript;与javascriptvoid(0)使用介绍

    `javascript:` 和 `javascript:void(0)` 都是前端开发中常见的写法,各有优缺点。通常情况下,为了保证更好的用户体验和更高的安全性,建议优先使用 `javascript:void(0)`。同时,在实际项目中,还可以结合其他技术...

    a href=javascript void(0) 是什么意思呢?加不加上有什么区别?.docx

    ### "a href=javascript void(0)" 的含义与应用场景 在HTML中,`a`标签是用来创建超链接的,而`href`属性则定义了链接的目标地址。在实际开发过程中,有时我们会遇到`a href="javascript:void(0)"`这样的写法。本文...

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

    - 通过JsonHandle,我们可以清晰地看到每个字段的含义及其层级关系,方便后续提取数据。 ##### Step5. 缩减URL以简化爬取逻辑 - 基于以上分析,我们可以将URL缩减为: - `...

    [removed]void(0)的真正含义实例分析

    ### JavaScript中的`void(0)`:真正含义及实例分析 #### 一、`void`操作符简介 在JavaScript中,`void`是一个特殊的操作符,它用于计算一个表达式但不返回任何值。这意味着,当你使用`void`操作符时,即使表达式...

    Javascript关键字及保留字

    这些关键字和保留字在JavaScript中具有特殊含义,因此不能用作函数名、变量名或其他标识符。 **JavaScript关键字** 是JavaScript语言中预定义的,具有特定功能的词汇。它们是语言的组成部分,用于执行特定操作。...

    js中[removed]void(0) 真正含义

    在JavaScript中,`void`操作符是...总之,`javascript:void(0)`在JavaScript编程中是一个实用的技巧,用于阻止链接的默认行为,同时允许你附加自定义的JavaScript逻辑。理解这一概念对于编写交互式的网页应用非常重要。

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

    [removed]void(0) 中最关键的是 void 关键字, void 是 JavaScript 中非常重要的关键字,该操作符指定要计算一个表达式但是无返回值。 说明: 1.javascript:void(0)这种伪协议,少写的好,如果你看过一些web标准的...

    JavaScript实例教程

    &lt;br&gt;JavaScript实例教程 &lt;br&gt;JavaScript中的动态扩展模式 javascript中区分双击事件和鼠标按下事件 js javascript:void(0) 真正含义 超酷的图像放大镜特效(Javascript) 滚动新闻javascript函数

Global site tag (gtag.js) - Google Analytics