javascript:void(0)的用法
类别:Web前端 浏览量:1106
时间:2013-7-27 javascript:void(0)的用法
javascript:void(0)的用法在做页面时,如果想做一个链接点击后不做任何事情,或者响应点击而完成其他事情,可以设置其属性 href = "#",但是,这样会有一个问题,就是当页面有滚动条时,点击后会返回到页面顶端,或者是跳到设置的锚点的地方,用户体验不好。
通常的用法为:
<a href="javascript:void(0)">单击此处看看效果</a>
实际上单击此处什么也不会发生,其中的javascript:void(0);形式是一个javascript的伪协议,是表示此链接不跳转到任何的地方。
用到javascript:void(0)的情况主要形式有以下几种:
//点击链接后不做任何事情
1.<a href="javascript:void(0);" >test</a>
2.<a href="javascript:;" >test</a>
3.<a href="####" >test</a> //使用2个到4个#,见的大多是"####",也有使用"#all"等其他的
JScript 代码 复制
//点击链接后,响应用户自定义的点击事件
1.<a href="javascript:void(0)" onclick="doSomething()">test</a>
您可能感兴趣
- js宏任务都有哪些(JavaScript 操作宏任务与微任务)
- python操作json库(Python将json文件写入ES数据库的方法)
- js里咋样设置css里面的属性(css不常见属性之pointer-events的使用方法)
- js扫雷小游戏源代码(原生js实现简单贪吃蛇小游戏)
- 通过js获取Url的参数值
- vue可以使用jsx语法吗(vue中正确使用jsx语法的姿势分享)
- nodejs游戏服务端框架(如何写Node.JS版本小游戏)
- vue 如何执行动态js(如何利用vue.js实现拖放功能)
- nginx安全配置提示(wdcp Linux面板nginx启用gzip后js未压缩解决方案)
- php入门教程源代码修改教程(php+js实现的无刷新下载文件功能示例)
- js事件冒泡与事件捕获(基于事件冒泡、事件捕获和事件委托详解)
- MVC JsonResult的用法
- extjs多选下拉框
- jspromise原理(JavaScript使用promise处理多重复请求)
- MVC中JSON字符长度超出限制
- tomcat服务如何在eclipse中配置(HBuilderX配置tomcat外部服务器查看编辑jsp界面的方法详解)
- 大众推出了第五代高尔夫GT(大众推出了第五代高尔夫GT)
- 换代在即,现在是抄底 7.5代 高尔夫的最佳时机吗(换代在即现在是抄底)
- 2020年大众7.5代高尔夫R终结特别版 最后的呐喊(2020年大众7.5代高尔夫R终结特别版)
- 七年前的这部剧有毒,全剧只有女主红到发紫,男主至今无人认识(七年前的这部剧有毒)
- 宋轶除了演过于曼丽,原来还演过一个青楼女子(宋轶除了演过于曼丽)
- 赵丽颖第一部当女主的戏,主角配角个个都是实力演员(赵丽颖第一部当女主的戏)
热门推荐
- dedecms地址优化(加快DedeCMS文章页显示速度的两个小技巧分享)
- linux关闭autofs服务命令(Linux系统的ECS实例挂载NAS提示“mount: can't find /root/nas in /etc/fstab”错误的解决)
- mysql8.0中如何导入数据(mysql8.0.20数据目录迁移的方法)
- vue按需引入elementui组件(vue ElementUI实现异步加载树)
- docker容器端口和内部进程(Docker动态给容器Container暴露端口操作)
- laravel自定义命令(laravel-admin select框默认选中的方法)
- tomcat部署web项目常见问题(关于tomcat部署应用无法访问前端页面的问题)
- python基于django的博客系统(利用django+wechat-python-sdk 创建微信服务器接入的方法)
- pythonredis使用场景(python 通过SSHTunnelForwarder隧道连接redis的方法)
- sql表更新关联语句(SQL update 多表关联更新的实现代码)