href="javascript:;" href="javascript:void(0);" href="#"区别
一、href="javascript:;" 这种用法不正确,这么用的话会出现浏览器访问“javascript:;”这个地址的现象;
二、href="javascript:void(0);" 表示点击这个链接后执行一条javascript语句:void(0); 这条语句表示什么也不做,是个空语句,出现它的原因,就是因为这个链接里面会出现一个点击事件,onclick="sss()";
三、href="#" 这个与Javascript没关系了,这是HTML的链接用法,它并不是没有链接,而是前往当前网页的顶部,如果你的网页比较长,需要向下拉很远的滚动条,这时候你如果想快速地返回到顶部,那么就用这个链接,点一个,网页的滚动条就到最上方了,这种使用#对链接进行标识的用法,叫做锚。
四、希望使用a标签来对一个函数进行调用,除了以上第二项最常用的方式式外,还有一种:
第二项介绍的方法:链接
另一种用法,或许是你所说的第一种吧:链接
以上两种用法达到的效果是一样的。
至于onClick="aaa()" 的用法,是Javascript的事件了,只要一个标签里有这个属性,就表示在鼠标完成一次点击后,执行aaa()这个函数,这个函数在你的网页中,或在你的网页所引入的某个JS文件中;
以下是JavaScript常用事件:
onClick :鼠标完成一次点击,即鼠标左键按下后抬起之后;
onMouseDown :鼠标按下事件,即鼠标左或右键被按下;
onMouseUp :鼠标抬起事件,即鼠标不管在哪里被按下,但是只要在这个元素上被抬起;
onMouseMove :鼠标移动事件,即鼠标在这个元素上移动;
onMouseOver :鼠标移入事件,即鼠标从其它位置移到到该元素上;
onMouseOut :鼠标移出事件,即鼠标从该元素上离开;
参考资料:
【链接的锚】http://baike.baidu.com/view/972689.htm
【href中#与javascript:的区别】http://blog.163.com/chtx87_98/blog/static/654011192011829510979/
【JS事件】http://www.w3school.com.cn/js/js_htmldom_events.asp
href="javascript:;" href="javascript:void(0);" href="#"区别的更多相关文章
- a href=#与 a href=javascript:void(0) 的区别
a href="#"> 点击链接后,页面会向上滚到页首,# 默认锚点为 #TOP <a href="javascript:void(0)" onCl ...
- 转载 a href=#与 a href=javascript:void(0) 的区别
a href="#"> 点击链接后,页面会向上滚到页首,# 默认锚点为 #TOP <a href="javascript:void(0)" onCl ...
- a href=#与 a href=javascript:void(0) 的区别(转)
a href="#"> 点击链接后,页面会向上滚到页首,# 默认锚点为 #TOP <a href="javascript:void(0)" onCl ...
- 【转】href="#"与"javascript:void(0);"的区别
在工作中,如果我们想把a标签中的链接置成空链接,我们一般会用两种方法: 1 <a href="#" target="_blank"></a&g ...
- href="#"和javasrcript:void(0)的区别
当我们需要一个空链接时,通常有两种方法: <a href="#">这个一个空链接</a> 和 <a href="javascript:voi ...
- a标签属性href值为#和javasrcript:void(0)的区别
当我们需要一个空链接时,通常有两种方法: <a href="#">这个一个空链接</a> <a href="javascript:void( ...
- href="javacript:;" href="javacript:void(0);" href="#"区别。。。
一.href="javacript:;" 这种用法不正确,这么用的话会出现浏览器访问“javascript:;”这个地址的现象: 二.href="javacript:v ...
- a标签中href="javacript:;" href="javacript:void(0);" href="#"区别
在使用<a>标签时,经常会绑定其他事件比如onclick,这时候我们会给<a>标签的href属性赋值为“#”,“javacript:;”,“javacript:void(0); ...
- 超链接的#和javascript:void(0)的区别
转载于:http://www.uw3c.com/cssviews/css12.html 在工作中,如果我们想把a标签中的链接置成空链接,我们一般会用两种方法: 1 <a href=" ...
随机推荐
- golang 函数作为类型
golang 函数作为类型 package main import "fmt" type A func(int, int) func (f A)Serve() { fmt.Prin ...
- [RxJS] Learn How To Use RxJS 5.5 Beta 2
The main changes is about how you import rxjs opreators from now on. And introduce lettable opreator ...
- POJ Oulipo(KMP模板题)
题意:找出模板在文本串中出现的次数 思路:KMP模板题 #include<cstdio> #include<cstring> #include<cmath> #in ...
- eclipse- log 打印跟输出到文件
1.在eclipse中打印log,经常使用的就是log.e(string,string) 代码中如下 @Override public boolean onTouchEvent(MotionEvent ...
- UML学习之用例图
在UML的整个学习过程中,9种图(用例图.活动图.状态图.顺序图.类图.对象图.协作图.组件图.部署图)的学习以及常用开发.建模工具的使用是最为重要的一个阶段,它是进行UML建模的基础.在本篇文章中首 ...
- MYSQL添加远程用户或允许远程访问三种方法
添加远程用户admin密码为password GRANT ALL PRIVILEGES ON *.* TO admin@localhost IDENTIFIED BY \'password\' WIT ...
- C语言深度解剖读书笔记
开始本节学习笔记之前,先说几句题外话.其实对于C语言深度解剖这本书来说,看完了有一段时间了,一直没有时间来写这篇博客.正巧还刚刚看完了国嵌唐老师的C语言视频,觉得两者是异曲同工,所以就把两者一起记录下 ...
- angular 响应式自定义表单控件—注册头像实例
1. 组件继承ControlValueAccessor,ControlValueAccessor接口需要实现三个必选方法 writeValue() 用于向元素中写入值,获取表单的元素的元素值 regi ...
- django-rest-framework框架 第二篇 之Mixin扩展类
Mixin扩展类 ['列表操作','过滤','搜索','排序'] <一>:<1>创建项目: 配置 urls 主路由 配置model文件(举个例子,就以book为模 ...
- echarts同一页面四个图表切换的js数据交互
需求:点击tab页,切换四个不同的图表,ajax向后台请求数据,展示在四个不同的图表中. 其余的就不多说,直接上js代码了 $(function() { $("#heart").o ...