href=”#”与javascript:;与javascript:void(0)的比较

原创 2015年11月20日 17:13:40

其中a标签的href中值得设置

href=”#”,包含了一个位置信息.默认的锚是#top,也就是网页的上端,当连续快速点击此链接时会导致浏览器巨慢甚至崩溃。

所以以后尽量可以使用javascript:;

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

javascript:void(0);据说某些情况下有浏览器兼容bug。

其中javascript:;javascript:void(0); 都是执行一个空事件。

<a href="javascript:void(0)" onClick="window.open()">   点击链接后,页面不动,只打开链接

<a href="#" onclick="javascript:return false;">        点击链接后,页面不动,只打开链接

点击链接后,不想使页面滚到页首,就用href="javascript:void(0)",不要用href="#",return false也有类似作用


①一下进行具体的解释

详解href="#"与href="javascript:void(0)"的区别

"#"包含了一个位置信息
默认的锚点是#top 也就是网页的上端
而javascript:void(0) 仅仅表示一个死链接
这就是为什么有的时候页面很长浏览链接明明是#可是跳动到了页首
而javascript:void(0) 则不是如此
所以调用脚本的时候最好用void(0)
或者<input onclick>
<div onclick>等

②打开新窗口链接的几种办法
1.window.open('url')
2.用自定义函数

        <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>

其中可以取消调到页面前段的方法有如下介绍:

1:<a href="####"></a>
2:<a href="javascript:void(0)"></a>
3:<a href="javascript:void(null)"></a>
4:<a href="#" onclick="return false"></a>
5:<span style="cursor:hand"></span>




版权声明:本文为博主原创文章,未经博主允许不得转载。

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

写了一个简单的幻灯,但是上下翻动按钮在火狐和IE下点击后会打开一个空白页面,而谷歌是正常的。             /* css 重置 */     .tup div,ul,li {...

ie6中href设为javascript:void(0)页面无法提交

a class="bt_3"  href="javascript:void(0)" id="btnSubmit1" onclick="submitPage()">提交a>   submitPag...
  • res_cue
  • res_cue
  • 2012年12月13日 20:14
  • 435

ie6中href设为javascript:void(0)页面无法提交

转载于:http://blog.sina.com.cn/s/blog_44ad44b20100hige.html   a class="bt_3"  href="javascript:voi...
  • zgmzyr
  • zgmzyr
  • 2011年10月14日 12:33
  • 970

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

原文链接:http://www.chinacloud.cn/show.aspx?id=15041&cid=22      给标签增加href属性,就意味着以下事情:   :link选择器可以选...

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

一、我是一只小白 我是一只小白, 心中有所怀揣, 虽然现在步履蹒跚, 但是丝毫不影响我对JS的满心期待。 我是一只小白, 复杂难题自然无奈, 简单疑问也会塞满我的脑袋, 但我依旧努力...

IE6中请求莫名中断(条件:a标签,click事件中有ajax请求,a标签中有href且是JavaScript:void(0);或JavaScript:;等阻断跳转代码)

原载于:雨夜带刀's Blog 本文链接:http://stylechen.com/ie6-aborted-ajax.html 场景还原:给a标签绑定了一个click事件用来触发ajax请求,在...
  • ernijie
  • ernijie
  • 2016年05月13日 11:48
  • 751

a href=#与 a href=javascript:void(0) 的区别 打开新窗口链接的几种办法

#包含了一个位置信息 默认的锚点是#top 也就是网页的上端 而javascript:void(0)  仅仅表示一个死链接 这就是为什么有的时候页面很长浏览链接明明是#可是 跳...

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

a href="#"> 点击链接后,页面会向上滚到页首,# 默认锚点为 #TOP 点击链接后,页面不动,只打开链接 作用同上,不同浏览器会有差异。 点击链接后,不想使页面滚到页首...
  • zcdy810
  • zcdy810
  • 2013年05月02日 07:40
  • 306

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

#"包含了一个位置信息 默认的锚点是#top 也就是网页的上端 而javascript:void(0)  仅仅表示一个死链接 这就是为什么有的时候页面很长浏览链接明明是#可是跳动到了页首 而j...

超链接中href="#"与href="javascript:void(0)"

参考文章:http://www.jb51.net/article/34156.htm http://blog.csdn.net/qq_27918787/article/details/5252305...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:href=”#”与javascript:;与javascript:void(0)的比较
举报原因:
原因补充:

(最多只允许输入30个字)