`
luck332
  • 浏览: 86261 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

a href用法总结

阅读更多

使用javascript的时候,通常我们会通过类似:
<a href="#" onclick="javascript:方法">提交</a>
的方式,通过一个伪链接来调用javascript方法.这种方法有一个问题是:
虽然点击该链接的时候不会跳转页面.但是滚动条会往上滚,解决的办法是返回一个false.
如下所示:
<a href="#" onclick="javascript:方法;return false;">提交</a>
<a href="###" onclick="javascript:方法;">提交</a>
<a href="javascript:void(0)" onclick="javascript:方法;">提交</a>

分享到:
评论

相关推荐

    详解A标签中href=””的几种用法

    而且,大多数人认为a标签最重要的作用是实现超链接,今天我刚好碰到a标签的一种写法&lt;a&gt;&lt;/a&gt;,所以就来整理下a标签中href的几种用法。 一、js的几种调用方法(参考总结的)  1、a href="[removed]js_method();"  这...

    window.location.href页面跳转的用法(区别于redirect)

    ### window.location.href页面跳转的用法(区别于redirect) #### 概述 在Web开发过程中,页面跳转是一项常见的需求。通常我们会使用`Response.Redirect`来进行页面跳转,但这种方式无法在跳转前执行客户端脚本...

    a href=javascript void(0) 是什么意思呢?加不加上有什么区别?.docx

    本文将详细介绍这一特殊用法的意义以及它与`a href="#"`之间的区别。 #### 一、`javascript:void(0)` 的含义 `javascript:void(0)` 是一种特殊的`href`属性值,它的主要作用是阻止默认行为并执行JavaScript代码而...

    a标签href属性与onclick事件使用实例

    总结起来,`&lt;a&gt;`标签的`href`属性和`onclick`事件都能实现页面跳转,但它们之间存在一些差异和兼容性问题。`href`属性更适用于简单的链接,而`onclick`则适合结合JavaScript进行复杂操作。在处理IE6等老版本浏览器时...

    base href 使用方法详解

    ### base href 使用方法详解 #### 一、概述 在网页开发过程中,经常需要处理页面内的链接定位问题。尤其是在复杂的框架结构或需要统一管理链接目标的情况下,`&lt;base&gt;`标签能够提供一种简便的方式来调整整个文档中...

    vue.js 实现a标签href里添加参数

    总结起来,在Vue.js中动态生成`&lt;a&gt;`标签`href`属性的关键在于使用`v-bind`(简写为`:`)语法绑定属性,并通过方法动态计算出URL。通过结合Vue的数据绑定和方法调用,我们可以轻松实现根据用户状态定制链接的功能。

    javascript和jquery修改a标签的href属性

    总结来说,无论是使用 JavaScript 还是 jQuery,修改 a 标签的 href 都相当直观。JavaScript 提供了基础的 DOM 操作,而 jQuery 则提供了更加友好的语法糖,使得代码更简洁,执行效率也相对较高。在实际开发中,根据...

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

    更好的方法是使用`&lt;button&gt;`标签或者添加`&lt;a&gt;`标签的`role`属性来明确其功能。 此外,当`href`指向一个不同的页面时,点击链接会替换当前页面的内容,从而丢失当前页面的信息。如果想要在不离开当前页面的情况下...

    A标签中通过href和onclick传递的this对象实现思路

    总结来说,当需要在`&lt;a&gt;`标签中同时使用`href`和`onclick`时,推荐使用`onclick`配合`return false`或`addEventListener`来传递`this`对象,以确保它指向正确的元素。这样,你就可以在处理函数中方便地访问和操作`&lt;a...

    Jquery为a标签的href赋值实现代码

    通过以上介绍,我们可以总结出,在使用JQuery为a标签的href属性赋值时,我们通常会进行以下步骤:首先通过选择器获取目标元素,其次通过获取到的值来改变目标a标签的href属性,从而实现动态的页面跳转。这一过程中,...

    A样式小总结 经常要用到的A的样式

    `&lt;a&gt;`标签的基本用法是: ```html &lt;a href="目标URL"&gt;链接文本&lt;/a&gt; ``` 其中,`href`属性定义了链接的目标地址,而`链接文本`则是在页面上显示的内容。 2. **链接颜色和下划线**: 默认情况下,`&lt;a&gt;`标签的...

    ajax动态为a标签href赋值不执行跳转的原因分析及解决

    总结来说,本文分析了通过AJAX动态为a标签href属性赋值时遇到页面不跳转的问题,并给出了将AJAX设置为同步来解决此问题的方法。然而,推荐的解决策略是在AJAX请求的回调函数中处理页面跳转逻辑,这样既可以确保页面...

    链接中的href=#是什么意思呢

    当我们看到`href="#"`时,这是一种特殊的用法,它表示链接指向的是当前页面的顶部,或者更准确地说,是一个名为`#`的锚点。 `#`符号在URL中通常用来引用页面内的特定位置,即书签。书签允许用户快速跳转到页面的...

    HTML a 标签的 target 属性.doc

    &lt;a href="url" target="value"&gt;Link Text&lt;/a&gt; ``` - `href`: 需要跳转的链接地址。 - `target`: 控制链接文档打开位置的属性。 - `value`: 指定如何打开链接文档的具体值。 ##### 2. 常见值及含义 - **_blank**: ...

    空链接 href="#"与href="javascript-void(0)"的区别.docx

    - **最佳实践**:在实际开发过程中,还可以使用现代JavaScript库如jQuery、React等提供的API来更好地控制链接行为,例如使用 `preventDefault()` 方法来阻止链接的默认行为。这样不仅能够提供更好的用户体验,还能够...

    在JS中a标签加入单击事件屏蔽href跳转页面

    淘宝主页使用了第二种方法,而阿里巴巴主页则采用了第一种,但他们的href中的javascript方法被try-catch包裹,以处理可能出现的错误。 总结最佳实践,推荐以下两种方式: - `a href="javascript:void(0);" onclick...

    通过JavaScript下载文件到本地的方法(单文件)

    最近在做一个文件下载的功能,这里把做的过程中用的技术和坑简要总结下。 1. 单文件下载(a标签) 同源单文件 针对单文件的情况下,同源的文件,可以通过 &lt; a&gt; 标签的 download 属性下载文件 const elt = ...

    正确的空链接写法 防止点击后页面会跳动问题 a href #号问题

    总结来说,当你需要创建仅用于触发JavaScript事件的链接时,避免使用`href="#"`以防止页面不必要的跳动。可以采用上述的三种方法之一,尤其是推荐使用`javascript:void(0)`,因为它提供了最佳的跨浏览器兼容性和用户...

    link的使用方法

    ### Link的使用方法 在IT领域,特别是在网页开发与企业级应用系统中,链接(Link)是一种非常基础且重要的元素。本文将详细介绍不同类型的链接及其使用方法,并通过具体示例来帮助理解。 #### Analytic Link(分析...

    html中a标签调用js函数.pdf

    而阿里巴巴主页使用了第一种方法,但每个`href`中的方法都被`try...catch`包围,以防止潜在的运行时错误影响用户体验。 总结,正确地在`&lt;a&gt;`标签中调用JavaScript函数对于实现交互性和用户体验至关重要。选择合适的...

Global site tag (gtag.js) - Google Analytics