href=# 与 href=javascriptvoid(0)的区别

#包含了一个位置信息,默认的锚点是#top,即网页的上端;

而javascript:void(0)仅表示一个死链接。这也就是为什么页面很长浏览链接明明是#可是跳转到了页首的原因。

javascript:void(0)则不是如此,所以调用脚本最好用void(0),或者<input onclick>,<div onclick>等。


js里面void是一个操作符,该操作符计算表达式的值,但是不返回任何内容。

<a href="javascript:void(0);">这里用到void(0)表示取消A链接,相当于:

<a href="http://blog.163.com/chtx87_98/blog/#">,但是也是有区void(0)什么都不做,

href="http://blog.163.com/chtx87_98/blog/#"会回到顶部。注意到void()会执行表达式但是不返回值,用于AJAX页面交互,比如提交一个表单,但不会刷新页面<a href="javascript:void(document.form.submit())">。所以:当点击链接弹出新窗口时,如果用的是href="http://blog.163.com/chtx87_98/blog/#",设置center:true;是不起作用的。

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

1.window.open('url')

2.用自定义函数

    <script>
        function openWin(tag,obj){
           obj.target="_blank";
            obj.href="http://blog.163.com/chtx87_98/blog/Web/Substation/Substation.aspx?stationno="+tag;
            obj.click();
       }
   </script>

<a href="javascript:void(0)"οnclick="openWin(3,this)">LINK_TEST</a>

window.location.href="http://blog.163.com/chtx87_98/blog/"

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

如果是个,就会出现跳到顶部的情况,个人收藏的几种解决方法:
1<a href="http://blog.163.com/chtx87_98/blog/####"></a>
2<a href="javascript:void(0)"></a>
3<a href="javascript:void(null)"></a>
4<a href="http://blog.163.com/chtx87_98/blog/#"οnclick="return false"></a>
5<spanstyle="cursor:hand"></span>(好像在FF中不能显示)

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

慎用JavaScript:void(0)

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

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

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

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

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值