理解javascript:void(0);和href="#"

【理解javascript:void(0);和href="#"】的更多相关文章

理解javascript:void(0);和href="#"

我们经常可以看见这样的代码: <a href="javascript:void(0);">链接</a> void的意思是空的,无效的意思,但是在js中是表示计算一个表达式不要返回值的意思.因此当我们点击上面的链接不会有任何反应,简直就是没有存在一样.而href="#"默认的锚是#top,也就是网页的顶部. void操作符用法格式如下: javascript:void(expression); 那么什么情况下使用void比较多呢.因为无刷新,所…

曾经遇到的坑------href="#"和href="javascript:void(0);"、href="javascript:;"

这个是为了在点击此链接后回到页首,如果你写href="#"那么点击后会回到页首,这样影响操作. <a href="javascript:void 0" onclick="window.open('yoururl')">人员管理</a> <a href="javascript:return" onclick="window.open('yoururl')">人员管理<…

a标签的href="javascript:void(0)"和href="#"的区别

修正一个说法上的bug吧.对于IE6来说,点击后gif暂停bug仅仅发生在“javascript:伪协议未加分号”的情形下. 我再来提供一个视角吧. 给<a>标签增加href属性,就意味着以下事情: :link选择器可以选择到它这个a标签可以获得焦点(可以通过tab按键访问到) 在浏览器的默认样式表中,有href属性的<a>标签才有cursor:pointer的效果(尤其是在低版本的IE上). 绑定了onclick事件的<a>标签,尤其是它的作用是ajax请求时,基本…

javascript:void(0) 和 href="#"的区别

<a href="javascript:void(0);">点击 <a href="#">点击如果使用下面一种方式,会跳到网页顶部. 因为"#"包含了位置信息,默认的锚点是#top,也就是网页的上端,点击的同时会在网页url后面加一个"#"符号而javascirpt:void(0)仅仅表示一个死链接,在正常开发中一般使用javascript:void(0)表示死链接…

javascript:void(0); 和 href = "#"

在做页面时,如果想做一个链接点击后不做任何事情,或者响应点击而完成其他事情,可以设置其属性 href = "#", 但是,这样会有一个问题,就是当页面有滚动条时,点击后会返回到页面顶端,用户体验不好. <a href="####" >test</a> //使用2个到4个#,见的大多是"####",也有使用"#all"等其他的 ———————————————————————————————————————…

<a href="javascript:void(0)" onclick="ff()" ></a> 用法解析

javascript:void(0) 仅仅表示一个死链接如果是个# javascript:void(#),就会出现跳到顶部的情况,搜集了一下解决方法 1:<a href="####"></a> 2:<a href="javascript:void(0)"></a> 3:<a href="javascript:void(null)"></a> 4:<a href=&qu…

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=”javascript:void(0);”

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

javascript:void(0);的含义以及使用场景

一.含义: javascript:是伪协议,表示内容通过javascript执行. void(0)表示不作任何操作. 二.使用场景 1.href=”javascript:void(0);” 作用:为了保留链接的样式,但不让链接执行实际操作. href=”javascript:void(0);”与href=”#"的区别 <a href="javascript:void(0)">点击</a>:点击链接后不会回到网页顶部 <a href="#…

javascript:void(0);用法及常见问题解析

void 操作符用法格式: javascript:void (expression) 下面的代码创建了一个超级链接,当用户以后不会发生任何事.当用户链接时,void(0) 计算为 0,但 Javascript 上没有任何效果. <A HREF="javascript:void(0)">单此处什么也不会发生</A> 下面的代码创建了一个超级链接,用户单时会提交表单. <A HREF="javascript:void(document.form.su…

javascript:void(0)用法和常见问题

javascript:void(0)的用法下面的代码创建了一个超级链接,当用户以后不会发生任何事.当用户链接时,void(0) 计算为 0,但 Javascript 上没有任何效果. <a HREF="javascript:void(0)">单此处什么也不会发生</a> 下面的代码创建了一个超级链接,用户单时会提交表单. <a HREF="javascript:void(document.form.submit())"> 单此处…

<a href=”#”>与 <a href=”javascript:void(0)” 的区别

<a href=”#”>中的“#”其实是锚点的意思,默认为#top,所以当页面比较长的时候,使用这种方式会让页面刷新到页首(页面的最上部) javascript:void(0)其实是一个死链接,当使用超链接处理JS脚本(一般是click),又不想回到页首(这种情况可以理解为局部刷新)时经常使用 void 操作符的用法格式如下: 1. javascript:void (expression_r_r) 2. javascript:void expression_r_r 一般是带上(),这样可读性更…

HTML --- <a href=”#”>与 <a href=”javascript:void(0)” 的区别

<a href=”#”>中的“#”其实是锚点的意思,默认为#top,所以当页面比较长的时候,使用这种方式会让页面刷新到页首(页面的最上部) javascript:void(0)其实是一个死链接,当使用超链接处理JS脚本(一般是click),又不想回到页首(这种情况可以理解为局部刷新)时经常使用 void 操作符的用法格式如下: 1. javascript:void (expression_r_r) 2. javascript:void expression_r_r 一般是带上(),这样可读性更…

html 空链接 href="#"与href="javascript:void(0)"的区别

#包含了一个位置信息默认的锚是#top 也就是网页的上端而javascript:void(0) 仅仅表示一个死链接这就是为什么有的时候页面很长浏览链接明明是#但跳动到了页首而javascript:void(0) 则不是如此所以调用脚本的时候最好用void(0) 你可使用如下例子来测试一下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/x…

a href=#与 a href=javascript:void(0) 的区别

a href="#"> 点击链接后,页面会向上滚到页首,# 默认锚点为 #TOP <a href="javascript:void(0)" onClick="window.open()"> 点击链接后,页面不动,只打开链接 <a href="#" onclick="javascript:return false;"> 作用同上,不同浏览器会有差异. 点击链接后,不想使页面滚到页…

href使用 javascript:;与javascript:void(0)防跳到顶部

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

转载 a href=#与 a href=javascript:void(0) 的区别

a href="#"> 点击链接后,页面会向上滚到页首,# 默认锚点为 #TOP <a href="javascript:void(0)" onClick="window.open()"> 点击链接后,页面不动,只打开链接 <a href="#" onclick="javascript:return false;"> 作用同上,不同浏览器会有差异. 点击链接后,不想使页面滚到页…

我们为什么要使用 href="javascript:void(0)"

做过web前端UI的小伙伴们都知道,有时候我们在网页中会使用一些超级链接,而这些链接不用指向任何地址,只是为了配合javascript的onclick事件而存在的,当我们点击这些链接时(其实也可以看做时按钮),网页就会出现一些交互的界面(比如选项卡切换,发起一个异步请求)等等. 而当不需要链接指向地址的时候,实质上我们是不需要设置href属性的,也有很多时候看到有的页面中类似的链接的href属性会设置为'#',即类似<a href="#">链接文字</a>,而这…

<a href="javascript:void(0);" id='test' onclick="javascript:alert('即将上线，敬请期待！');"><em class="rmwd"></em>征稿平台</a>

<a href="javascript:void(0);" id='test' onclick="javascript:alert('即将上线,敬请期待!');"><em class="rmwd"></em>征稿平台</a>…

a href=#与 a href=javascript:void(0) 的差别

a href="#"> 点击链接后,页面会向上滚到页首,# 默认锚点为 #TOP <a href="javascript:void(0)" onClick="window.open()"> 点击链接后,页面不动,仅仅打开链接 <a href="#" onclick="javascript:return false;"> 作用同上,不同浏览器会有差异. 点击链接后,不想使页面滚到…

a标签中的href="#"与href="javascript:void(0)"区别

转自http://blog.csdn.net/fightplane/article/details/5190037 <a href="#"> 点击链接后,页面会向上滚到页首,# 默认锚点为 #TOP <a href="javascript:void(0)" onClick="window.open()"> 点击链接后,页面不动,只打开链接 <a href="#" onclick="jav…

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

1.<a href="#"></a>——点击链接后,页面会向上滚到页首,# 默认锚点为 #TOP 2.<a href="javascript:void(0)" onClick="window.open()"> 点击链接后,页面不动,只打开链接 //点击页面不动 1:<a href="####"></a> 2:<a href="javascript:vo…

<a href='javascript:void(0)' onclick='my()'></a>

…

href="javascript:void(0);"与#差异

将<a>标签设置为空链接有两种方式.第一个是href="#",第二个是href="javascript:void(0);". 两种方式都设置了标签为空链接.可是两种方式还是有些不同的地方. href="#".当点击的时候会跳转到页面的顶部,相当于点击了一个锚点,在URL的后面也会出现一个#的标识符号. 而href="javascript:void(0);"则是要运行一个javascript的表达式. void(0)…

浅谈href=#与href=javascript:void(0)的区别

#"包含了一个位置信息默认的锚点是#top 也就是网页的上端而javascript:void(0) 仅仅表示一个死链接这就是为什么有的时候页面很长浏览链接明明是#可是跳动到了页首而javascript:void(0) 则不是如此所以调用脚本的时候最好用void(0) 或者<input onclick> <div onclick>等打开新窗口链接的几种办法 1.window.open('url') 2.用自定义函数 <script> …

最佳死链接href= "#" VS href= "javascript:void(0);"

href= "#" 熟悉hash跳转的同学都知道,只是一个hash跳转,跳转到页面的顶部,可以发现地址栏多了一个#,点击返回会返回本页面. href= "javascript: void(0)" 这是一个单纯的死链接 javascript: void()方法是一个没有返回值的函数,此种方法是不被推荐的,但仍然大量使用最佳方案: href= "javascript:;" 详情: http://www.jb51.net/article/34156.…

a href="javascript:void(0)" 是什么意思？加不加上有什么区别？

<A href="javascript:void(0)">点击</a>点击链接后不会回到网页顶部<A href="#">点击</a> 点击后会回到网面顶部…

关于火狐和IE下href="javascript:void(0)"兼容性的问题

今天在开发中发现,使用如下方式的链接.在Chrome中点击后行为符合预期,但在IE下会新开标签卡(根据参考资料,Firefox中有相同问题). 经过排查,发现是href="javascript:void(0);"导致的问题,本来javascript:void(0);的用处是不用整体刷新网页且返回一个空值,但这儿由于DOM本身的冒泡事件所以会最后执行HREF属性内的javascript:void(0);导致执行函数返回了一个空值,所以覆盖掉了前面正常执行函数所返回的值引起的错误. 一般情…

一个好玩的小制作，以及在<a/>中的标签href="javascript:;"/href="javascript:void(0);"/href="javascript:"的用法

一:一个小图标的制作我们在支付宝.微信等某些地方上传文件时会遇到以下的图标,但是这样的图标其实可以用<a/>标签以及css样式完成, 具体代码如下: <!DOCTYPE html> <html> <head></head> <style> .add{ display: block; /*以块级元素展示,可以设置宽高*/ width: 100px; height: 100px; position: relative; color: #…

a href=#与 a href=javascript:void(0) 的区别（转）

a href="#"> 点击链接后,页面会向上滚到页首,# 默认锚点为 #TOP <a href="javascript:void(0)" onClick="window.open()"> 点击链接后,页面不动,只打开链接 <a href="#" onclick="javascript:return false;"> 作用同上,不同浏览器会有差异. 点击链接后,不想使页面滚到页…