您的位置:首页 > Web前端 > JavaScript

a标签的href属性的javascript:void(0)

2014-02-28 09:24 417 查看
问题来源:

<a onclick=pageScroll(0,this) 

  href="javascript:void(0)">事业部简介</a>

问题说明:

Onclick属性调用的是javascript函数。

问题:

1. a标签onclick属性和href属性的区别?

   暂时的理解是当有onclick属性的时候,只执行onclick属性,不会执行href属性。详细看另一文档或者另一文章,名称为<a>标签的href属性和onclick属性的区别。

2. javascript: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>

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

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

而javascript:void(0) 仅仅表示一个死链接,这就是为什么有的时候页面很长浏览链接明明是#,但是却跳动到了页首,而javascript:void(0) 则不是如此,所以调用脚本的时候最好用void(0)或者<input onclick><div onclick>代替a标签等等。

链接的几种办法

   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)">株洲</a>

   3. window.location.href=""
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  javascript 脚本