href='#'和href='###'的区别以及javascript:;与javascript:void(0)使用介绍

href=‘#‘:

我们有时会写这样的连接<a href="#" >xxx</a>为了不发生跳转,其实是不太正确的,因为href=”#”,包含了一个位置信息.默认的锚是#top,也就是网页的上端,其实它是发生了跳转的,每次都跳转到网页的顶端,如果你的网页只有一屏,当然看不出来,但是会有问题,因为每次点击都发生了跳转,所以,如果频繁点击会导致浏览器巨慢甚至崩溃。

href=‘###‘:

这种写法是个人习惯问题,解释一下就会明白,基于href="#"表示的是锚点的ID为top的位置,等同于href="#top",所以href=‘###‘:就表示跳转到描点为##的位置,但是这种位置不存在,固不发生跳转,这种情况下你可以使用各种写法,只要锚点不存在就可以达到效果。

javascript:void(0);:

void 操作符用法格式如下:

  • javascript:void (expression_r_r)
  • javascript:void expression_r_r

expression_r_r是一个要计算的 JavaScript 标准的表达式。表达式外侧的圆括号是可选的,但是写上去是一个好习惯。我们可以使用 void 操作符指定超级链接。表达式会被计算但是不会在当前文档处装入任何内容。面的代码创建了一个超级链接,当用户点击以后不会发生任何事。当用户点击链接时,void(0) 计算为 0,但在 JavaScript 上没有任何效果。

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

也就是说,要执行某些处理,但是不整体刷新页面的情况下,可以使用void(0),但是在需要对页面进行refresh的情况下,那就要仔细了。

其实我们可以这样用<a href="javascript:void(document.form.submit())">,这句话会进行一次submit操作。那什么情况下用void(0)比较多呢,无刷新,当然是Ajax了,看一下Ajax的web页面的话,一般都会看到有很多的void(0),:) ,所以在使用void(0)之前,最好先想一想,这个页面是否需要整体刷新。

据说某些情况下有浏览器兼容bug,但是还不知道是什么,什么时候出现,新浪微博写的是javascript:void(0);

javascript:;:

这个和javascript:void(0);基本一样,唯一的不同是听说这个没有浏览器兼容的bug,qq空间很多都是写成javascript:;

下面来看一些具体用法:

  • <a href="javascript:void(0)" onClick="window.open()"> 点击链接后,页面不动,只打开链接。javascript:void(0) 仅仅表示一个死链接
  • <a href="#" onclick="javascript:return false;"> 作用同上,不同浏览器会有差异。

打开新窗口链接的几种办法:

  • window.open("url")
  • 用自定义函数
<script>
function openWin(tag,obj){
    obj.target="_blank";
    obj.href = "Web/Substation/Substation.aspx?stationno="+tag;
    obj.click();
}
</script>
<a href="javascript:void(0)" onclick="openWin(3,this)">LINK_TEST</a>
  • window.location.href=""

href='#'和href='###'的区别以及javascript:;与javascript:void(0)使用介绍

时间: 2024-10-27 07:21:58

href='#'和href='###'的区别以及javascript:;与javascript:void(0)使用介绍的相关文章

javascript:;与javascript:void(0)使用介绍

有时候我们在编写js过程中,需要触发事件而不需要返回值,那么就可能需要这样的写法 href=”#”,包含了一个位置信息.默认的锚是#top,也就是网页的上端,当连续快速点击此链接时会导致浏览器巨慢甚至崩溃. 当然我们一般用三个 href="###",不过看了这篇文章我们以后就可以使用javascript:;(一个冒号一个分号) javascript中void是一个操作符,该操作符指定要计算一个表达式但是不返回值. javascript:;好些,javascript:void(0);据说

【repost】javascript:;与javascript:void(0)使用介绍

有时候我们在编写js过程中,需要触发事件而不需要返回值,那么就可能需要这样的写法 最近看了好几个关于<a>标签和javascript:void(0)的帖子,谨记于此,以资查阅. 注:以下代码未经全面测试,但每一种方法可能会出现的情况都基本做了说明. 在做页面时,如果想做一个链接点击后不做任何事情,或者响应点击而完成其他事情,可以设置其属性 href = "#",但是,这样会有一个问题,就是当页面有滚动条时,点击后会返回到页面顶端,用户体验不好. 目前有如下几种解决办法: 1

JavaScript基础1228JavaScript:void(0)开始----

JavaScript:void(0)含义 JavaScript:void(0)含义 我们经常会使用到JavaScript:void(0)这样的代码,那么在JavaScript中JavaScript:void(0)代表的是什么意思呢? JavaScript:void(0)中最关键的是void关键字,void是JavaScript中非常重要的关键字,该操作符制定要计算一个表达式但是不是不返回值. href="#"与href="JavaScript:void(0)"的区别

【JS基础】JavaScript中的void 0

众所周知,Undefined是JS语言中的7大基本类型之一,表示未定义,它的值只有一个,就是undefined.任何变量在赋值前都是undefined. 而在一些框架源码中,会出现一些这样的表达式: if (context === void 0) return func; function foo() { var a = arguments[0] !== (void 0 ) ? arguments[0] : 2; return a; } if (array == null) return voi

javascript中argument1 === void 0的意思

今天看代码时看到 if (argument1 === void 0 || typeof argument1 === 'object') { 啥意思? 概述 void 运算符会对它的操作数表达式进行求值,然后忽略掉求值的结果,直接返回 undefined. 语法 void expression 描述 我们经常会在一个期望得到 undefined 返回值的地方使用 void 运算符,这样就可以忽略掉它后面的表达式的真实返回值.我们只去利用那个表达式执行时的副作用. 经常会有人用 void(0) 或者

北京PK10平台架设 href=&quot;javascript:void(0)&quot;的用法

href="javascript:void(0)"的用法 href="javascript:void(0)"的理解 href="javascript:void(0);"的含义是,让超链接去执行一个js函数,而不是去跳转到一个地址,而void(0)表示一个空的方法,也就是不执行js函数.北京PK10平台架设 Q-2189563389为什么要使用href="javascript:void(0);" javascript:是伪协议,

为什么要使用href=”javascript:void(0);”

href=”javascript:void(0);”这个的含义是,让超链接去执行一个js函数,而不是去跳转到一个地址,而void(0)表示一个空的方法,也就是不执行js函数. 为什么要使用href=”javascript:void(0);” javascript:是伪协议,表示url的内容通过javascript执行.void(0)表示不作任何操作,这样会防止链接跳转到其他页面.这么做往往是为了保留链接的样式,但不让链接执行实际操作, <a href="javascript:void(0)

href=&quot;javascript:void(0)&quot;

自己亲自测了以下:<a href="javascript:void(0) " onclick="on(this)">链接</a>:先执行on函数,页面不动 <a href="#" onclick="on(this)">链接</a>:先执行on函数,回到顶部 <a href="https://www.baidu.com" onclick="on(

href=&quot;javacript:;&quot; href=&quot;javacript:void(0);&quot; href=&quot;#&quot;区别。。。

一.href="javacript:;"  这种用法不正确,这么用的话会出现浏览器访问"javascript:;"这个地址的现象: 二.href="javacript:void(0);" 表示点击这个链接后执行一条javascript语句:void(0); 这条语句表示什么也不做,是个空语句,出现它的原因,就是因为这个链接里面会出现一个点击事件,onclick="sss()"; 三.href="#" 这个与