<a>标签中href="javascript:;"的意思

<a> 标签的 href 属性用于指定超链接目标的 URL,href 属性的值可以是任何有效文档的相对或绝对 URL,包括片段标识符和 JavaScript 代码段。


这里的href="javascript:;",其中javascript:是伪协议,它可以让我们通过一个链接来调用javascript函数.

而采用这个方式 javascript:;可以实现A标签的点击事件运行时,如果页面内容很多,有滚动条时,页面不会乱跳,用户体验更好。

例如:

  当一个未注册的用户点击评论的按钮时弹出登陆注册悬浮框,由于页面有滚动条,使用href="javascript:;"则能使页面不会上下乱跳。这样使得用户的体验效果更好。

时间: 2024-09-28 14:19:58

<a>标签中href="javascript:;"的意思的相关文章

a标签的href=&quot;javascript:void(0)&quot;和href=&quot;#&quot;的区别

好文要推:a标签的href="javascript:void(0)"和href="#"的区别 张鑫旭这篇文章也挺风趣的,作为一个轻微代码洁癖的程序员,该纠结时就纠结:是习惯还是规范!?   疑问:为什么要使用href="javascript:void(0);"? a 标签要写href属性!~有了href属性,天然鼠标手型,以及可以被键盘focus以及focus时候回车模拟点击行为(支持回车点击和默认可以获取焦点). href="#&qu

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

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

a标签中href=&quot;#xxx&quot;跳到id=&quot;xxx&quot;

HTML中a标签中href="#xxx",当点击后,页面会跳转到标签中id="xxx"的地方. 同时,在URL上的后面会看到加上了#xxx,这样直接改变URL中#后面的值,然后页面就可以跳转到标签中id为这个值的地方. 测试代码: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>

在&lt;a&gt;&lt;/a&gt;标签中调用javascript脚本

有时候,我们点击了<a></a>标签(除了跳转到指定链接外)想要它调用某个方法,及调用javascript脚本,该如何做: 方法1:<a href="javascript:void(0);" onclick="functionname()" >aaaa</a> 方法2:<a href="javascript:functionname('dd')" >ddddd</a> 方法3

[转]html里a标签中href调用js的几种方法

文章转自:https://blog.csdn.net/best_luxi/article/details/45062301 我们常用的在a标签中有点击事件: 1. a href=”javascript:js_method();” 这是我们平台上常用的方法,但是这种方法在传递this等参数的时候很容易出问题,而且javascript:协议作为a的href属性的时候不仅会导致不必要的触发window.onbeforeunload事件,在IE里面更会使gif动画图片停止播放.W3C标准不推荐在href

Html A标签中 href 和 onclick 同时使用的问题 优先级别

我们在制作网页的时候用得最多的就是 A 标签 超连接 但有时候需要在 A 里同时用到 href 和 onclick属性 下面我们先来分析一下 ,在不同的浏览器下有不同的效果 1 顺序 ie 6 : href 先触发 onclick 后触发 其他浏览器 先触发onlick 后触发 href 2 href="javascript: xxx()" 不能传入this作为参数 onclick可以 <a href="javascript:alert('href event');&q

a标签之href=&quot;javascript:void(0)&quot;

记录下这个之前页面一直有问题也找不到什么原因后来发现了这个,提醒自己以后不再掉这坑. <p class="q_map">      <a href="javascript:void(0)" onclick="badMap();">质差地图</a></p> 这里如果不注意写成 <a href="" onclick="badMap();">质差地图&l

为了防止页面重新自动加载,可以给a标签设置href=&quot;javascript:void(0);&quot;

<a href="javascript:void(0);"></a> <!--按照格式要求,此处的0不能省略!! 虽然省略看上去也没什么影响.但是当发生点击事件的时候, 就会报错: Uncaught SyntaxError: Unexpected token ) --> <!--或者像下面这样: --> <a href="javascript:;"></a> 原文地址:https://www.c

js中a标签里href=&quot;javascript:void(0)&quot;的用途

javascript:是伪协议,表示url的内容通过javascript执行. void(0)表示不作任何操作,这样会防止链接跳转到其他页面. 这么做往往是为了保留链接的样式,但不让链接执行实际操作,具体的操作交给链接的onclick事件处理