href="#"和href=”javascript:"的区别

1.<a> 标签的 href 属性用于指定超链接目标的 URL，href 属性的值可以是任何有效文档的相对或绝对 URL，包括片段标识符和 JavaScript 代码段。href="javascript:"，其中javascript:是伪协议，它可以让我们通过一个链接来调用javascript函数.而采用这个方式 javascript:可以实现A标签的点击事件运行时，如果页面内容很多，有滚动条时，页面不会乱跳，用户体验更好。

href="javascript:" 这本身就是一条空语句。简单的说就是这个a标签点击链接失去作用了

2.href="javascript:" 主要作用让它有超链接样式的作用，看起来像个按钮，有操作不是文本，事实上是链接到一个空语句，一般设置onclick事件。

在html中标签表示是一个超链接

1一般作用的跳转页面需要设置跳转的页面就是在href属性中设置要跳转的地址

2.作为一个按钮使用，可以点击但是不跳转页面而是做其他处理，就需要设置href 属性为javascript:

a 标签做按钮使用不跳转页面 

javascript:表示这是一个空连接。点击之后没任何反应。类似的是#，但是一个#点击之后页面很长的情况下会会滚到顶部；而javascript：是没有这种问题的。经过测试他还是在当前位置。当然###这样的效果就跟javascript:一样了

时间： 2024-11-09 10:27:42

href="#"和href=”javascript:"的区别的相关文章

href='#'和href='###'的区别以及javascript:;与javascript:void(0)使用介绍

href='#': 我们有时会写这样的连接<a href="#" >xxx</a>为了不发生跳转,其实是不太正确的,因为href="#",包含了一个位置信息.默认的锚是#top,也就是网页的上端,其实它是发生了跳转的,每次都跳转到网页的顶端,如果你的网页只有一屏,当然看不出来,但是会有问题,因为每次点击都发生了跳转,所以,如果频繁点击会导致浏览器巨慢甚至崩溃. href='###': 这种写法是个人习惯问题,解释一下就会明白,基于href=&

超链接a标签的href与onclick中使用javascript的区别

onclick中javascript的区别一般没用到都没注意,但出错时才有些郁闷,看文本章解释如下: 以前一直很随意,后来看.net里的linkbutton似乎是用在<a href="javascript:fun();"...>的形式,今天用这种方式就遇到一些问题,摘网友的文章和我的结论放在下面: 1.链接的 onclick 事件被先执行,其次是 href 属性下的动作(页面跳转,或 javascript 伪链接): 2.假设链接中同时存在 href 与 onclick,如

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

#"包含了一个位置信息默认的锚点是#top 也就是网页的上端而javascript:void(0) 仅仅表示一个死链接这就是为什么有的时候页面很长浏览链接明明是#可是跳动到了页首而javascript:void(0) 则不是如此所以调用脚本的时候最好用void(0) 或者<input onclick> <div onclick>等打开新窗口链接的几种办法 1.window.open('url') 2.用自定义函数 <script>

详解location.href几种用法的区别【JS跳转】

一:提出问题使用js的同学一定知道js的location.href的作用是什么,但是在js中关于location.href的用法究竟有哪几种,究竟有哪些区别,估计很多人都不知道了. 二:常见的几种形式目前在开发中经常要用到的几种形式有: 1 self.location.href; 2 window.location.href; 3 this.location.href; 4 location.href; 5 parent.location.href; 6 top.location.href;

链接中 href='#' 和 href='###' 的区别以及优缺点

首先,<a> 标签 + onclick='{jscode}' 是很常用的一种 js 运用方式,而不使用 href='javascript:{jscode}' 是为了兼容多种浏览器对 <a> 标签的解释和处理不同.其次,使用 <a> 标签 + onclick='{jscode}' 时经常会加一个 href='###',而有时这个 href='###' 会被误写为 <a href='#'> 是因为使用者没有理解 '#' 和 '###' 的区别. 简单地说,就是

Html A标签中 href 和 onclick用法、区别、优先级别

原文:Html A标签中 href 和 onclick用法.区别.优先级别如果不设置 href属性在IE6下面会不响应hover.双击后会选中标签的父容器而非这个一a标签(IE下都存在这一问题). 代码如下复制代码 <a href="javascirpt:fn(this)"> <a onclick="fn(this)"> 假定我们有个fn方法,需要取到这个元素,第一个方法传入的this是空值. 所以,比较推荐的写法是代码如下复制代

链接中 href='#' 和 href='###' 的区别

<a> 标签 + onclick='{jscode}' 是很常用的一种 js 运用方式,而不使用 href='javascript:{jscode}' 是为了兼容多种浏览器对 <a> 标签的解释和处理不同. 使用 <a> 标签 + onclick='{jscode}' 时经常会加一个 href='###',而有时这个 href='###' 会被误写为 <a href='#'> 是因为使用者没有理解 '#' 和 '###' 的区别, '#' 是有特定意义的,

在标记的HREF属性中javascript:alert(this.innerHTML)会怎么样?

原文:在标记的HREF属性中javascript:alert(this.innerHTML)会怎么样? <a href="javascript:alert(this.innerHTML)" mce_href="javascript:alert(this.innerHTML)">标签</a> 上面的这段代码不能得到你想要的结果,因为在<A>标记中href属性的this对象不是指代的当前的<A>标记, 这个时候的this是

href="javacript:;" href="javacript:void(0);" href="#"区别。。。

一.href="javacript:;" 这种用法不正确,这么用的话会出现浏览器访问"javascript:;"这个地址的现象: 二.href="javacript:void(0);" 表示点击这个链接后执行一条javascript语句:void(0); 这条语句表示什么也不做,是个空语句,出现它的原因,就是因为这个链接里面会出现一个点击事件,onclick="sss()"; 三.href="#" 这个与