手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >javascript:void(0)的作用示例介绍
javascript:void(0)的作用示例介绍
摘要:在做页面时,如果想做一个链接点击后不做任何事情,或者响应点击而完成其他事情,可以设置其属性href="#",但是,这样会有一个问题,就是当页...

在做页面时,如果想做一个链接点击后不做任何事情,或者响应点击而完成其他事情,可以设置其属性 href = "#",但是,这样会有一个问题,就是当页面有滚动条时,点击后会返回到页面顶端,或者是跳到设置的锚点的地方,用户体验不好。

通常的用法为:

复制代码 代码如下:

<a href="javascript:void(0)">单击此处看看效果</a>

实际上单击此处什么也不会发生,其中的javascript:void(0);形式是一个javascript的伪协议,是表示此链接不跳转到任何的地方。

用到javascript:void(0)的情况主要形式有以下几种:

复制代码 代码如下:

//点击链接后不做任何事情

<a href="javascript:void(0);" >test</a>

<a href="javascript:;" >test</a>

<a href="####" >test</a> //使用2个到4个#,见的大多是"####",也有使用"#all"等其他的

复制代码 代码如下:

//点击链接后,响应用户自定义的点击事件

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

【javascript:void(0)的作用示例介绍】相关文章:

JavaScript AOP编程实例

简介JavaScript中toUpperCase()方法的使用

纯javascript制作日历控件

Javascript - HTML的request类

JavaScript中reduce()方法的使用详解

JavaScript函数使用的基本教程

javaScript中with函数用法实例分析

javascript的事件描述

JavaScript中fixed()方法的使用简介

Javascript随机显示图片的源代码

精品推荐
分类导航