`
zhangyaochun
  • 浏览: 2613015 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

关于a标签的onclick与href的执行顺序

阅读更多

其实这个是一个老问题了,简单记录一下吧,个人学习。

 

首先上几个概念性的结论

 

 

  • onclick的事件被先执行,其次是href中定义的(页面跳转或者javascript)
  • 同时存在两个定义的时候(onclick与href都定义了),如果想阻止href的动作,在onclick必须加上return false;
  • 在href中定义的函数如果有返回值的话,当前页面的内容将被返回值代替
2
1
分享到:
评论

相关推荐

    html超链接a标签的href跳转跟onclick之间执行顺序示例介绍

    HTML中的超链接`<a>`标签是网页...总的来说,理解`<a>`标签的`href`跳转和`onclick`事件的执行顺序及相互作用,对于创建具有动态功能和良好用户体验的网页至关重要。合理运用这些特性,可以让网页交互更加灵活和智能。

    详解Html a标签中href和onclick用法、区别、优先级别

    在`<a>`标签中,`href`和`onclick`是两个重要的属性,它们各自有不同的用途和交互方式。 `href`属性是`<a>`标签的核心属性,用于指定链接的目标地址。它可以是一个HTTP/HTTPS URL,指向另一个网页;也可以是一个...

    a标签的href与onclick事件的区别详解

    当一个`<a>`标签同时具有`href`和`onclick`时,`onclick`事件会先于`href`执行。也就是说,用户点击链接后,首先会触发`onclick`绑定的JavaScript函数,执行完毕后再执行`href`指定的动作,如页面跳转或者执行...

    a标签href属性和onclick事件的比较介绍

    首先说一下, href属性 和 onclick事件 的执行顺序,当鼠标点击a标签的时候会先执行 onclick事件, 然后才是 href 属性下的动作(页面跳转,或 javascript 伪链接),如果不想执行href 属性下的动作执行,onclick ...

    A标签触发onclick事件而不跳转的多种解决方法

    在网页开发中,A标签通常用于创建超链接,引导用户访问其他页面或执行特定操作。然而,有时我们可能只需要A标签触发一个JavaScript事件,而不想让它执行默认的跳转行为。在这种情况下,我们需要采取措施来阻止A标签...

    a标签的href和onclick 的事件的区别介绍

    `href`和`onclick`都是与`<a>`标签交互相关的属性,但它们的作用和执行顺序有所不同,理解这些差异对于优化用户体验和控制页面行为至关重要。 首先,`href`属性是`<a>`标签的核心属性,它定义了链接的目标地址。当...

    解读IE和firefox下JScript和HREF的执行顺序

    在这个场景中,主要关注的是`<A>`标签上的`onmouseup`和`onclick`事件处理程序以及`href`属性。 在Firefox中,JavaScript的执行顺序非常明确:先执行页面中的脚本,然后才执行HTML元素的`href`属性所定义的链接跳转...

    Javascript在页面加载时的执行顺序.pdf

    4. **URL主体中的JavaScript**:通过`javascript:`协议,如`<a href="javascript:alert('我是由javascript:协议执行的javascript')">点击我</a>`。这种方式也依赖于用户交互。 5. **document.write()**:JavaScript...

    Javascript在页面加载时的执行顺序.docx

    4. **URL主体**:使用`javascript:`协议,例如`<a href="javascript:alert('我是由 javascript:协议执行的javascript')">点击我</a>`。 5. **document.write()**:JavaScript可以使用此方法动态地向文档中写入内容,...

    Javascript代码在页面加载时的执行顺序介绍

    4. 利用JavaScript协议,将代码放在URL中,如`<a href="javascript:alert('我是由javascript协议执行的javascript')">点击我</a>`。这样的代码也需用户主动触发。 5. 使用JavaScript的`document.write()`方法直接向...

    使用a链接时如何阻止超链接跳转

    当`<a>`标签同时包含`onclick`和`href`时,浏览器会按照以下顺序处理: 1. 执行`onclick`事件中的JavaScript代码。 2. 如果`onclick`事件没有阻止默认行为(即返回`false`),则执行`href`属性指定的动作,如页面...

    HTML5教程(pdf清晰版)

    属性则提供元素的额外信息,如标签的src属性指向图片路径,<a>标签的href属性指定超链接的目标地址。 5. 嵌套标签:元素经常需要嵌套使用,以表示更复杂的数据结构。嵌套元素时,结束标签的顺序必须与它们开始标签...

    js视频笔记

    - **执行顺序**:JavaScript 代码按照从上到下的顺序依次执行。 ### 输出操作 - JavaScript 提供了多种输出方法,如 `alert()` 可以弹出对话框显示信息,`document.write()` 则可以在文档中插入文本。 ### 在 ...

    js教程总结

    2. **通过`href`属性触发**:可以通过设置`a`标签的`href`属性为`javascript:代码`来执行JavaScript。 ```html <a href="javascript:alert('Hello World');">Click me</a> ``` 3. **绑定到HTML元素事件**:可以...

    WML标签语法(中文)

    <a href="cmd://go?next=card2">跳转到第二张卡片</a> ``` 6. **元素**: WML提供`<input>`元素来创建用户输入字段,如文本框、选择列表等。例如: ```xml 请输入用户名"/> ``` 7. **元素**: 用于提交表单...

    html论文(选修课学生参考)

    - `<a>` 标签用于创建链接。例如:`<a href="http://www.baidu.com/">百度</a>` 可以创建指向百度的链接。 - 链接可以指向其他页面、锚点或者执行 JavaScript 脚本。 #### 三、CSS (层叠样式表) 1. **定义**: ...

Global site tag (gtag.js) - Google Analytics