`
独孤不求败
  • 浏览: 25686 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

a标签几种使用方法

ajs 
阅读更多

 我们常用的在a标签中有点击事件:
1. a href="JavaScript:js_method();"

这是我们平台上常用的方法,但是这种方法在传递this等参数的时候很容易出问题,而且javascript:协议作为a的href属性的时候不仅会导致不必要的触发window.onbeforeunload事件,在IE里面更会使gif动画图片停止播放。W3C标准不推荐在href里面执行javascript语句

2. a href="javascript:void(0);" onclick="js_method()"

这种方法是很多网站最常用的方法,也是最周全的方法,onclick方法负责执行js函数,而void是一个操作符,void(0)返回undefined,地址不发生跳转。而且这种方法不会像第一种方法一样直接将js方法暴露在浏览器的状态栏。

3.a href="javascript:;" onclick="js_method()"

这种方法跟跟2种类似,区别只是执行了一条空的js代码。

4.a href="#" onclick="js_method()"

这种方法也是网上很常见的代码,#是标签内置的一个方法,代表top的作用。所以用这种方法点击后网页后返回到页面的最顶端。

5.a href="#" onclick="js_method();return false;"

这种方法点击执行了js函数后return false,页面不发生跳转,执行后还是在页面的当前位置。

我看了下taobao的主页,他们采用的是第2种方法,而alibaba的主页是采用的第1种方法,和我们的区别是每个href里的javascript方法都用try、catch包围。

综合上述,在a中调用js函数最适当的方法推荐使用:
a href="javascript:void(0);" onclick="js_method()"
a href="javascript:;" onclick="js_method()"
a href="#" onclick="js_method();return false;"

分享到:
评论

相关推荐

    Js实现当前点击a标签变色突出显示其他a标签回复原色

    综上所述,实现点击a标签变色并突出显示当前标签,同时让其他标签恢复原色的效果,我们可以通过以下几种方法来完成: - 利用JavaScript通过查询参数获取当前被点击的a标签,并改变其样式。 - 使用JavaScript遍历...

    html表单a标签,input标签等几种请求ajax提交数据给后台小结

    这两种方法的核心在于使用`<input type="button">`或`<a>`标签的`onclick`事件来触发AJAX请求,并且通过JavaScript获取表单中的数据,将其转换为JSON格式,然后发送到服务器端。这种方法不仅提高了页面的交互性,还...

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

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

    a标签下载关于图片.txt

    在探讨“a标签下载关于图片.txt”这一主题时,我们首先需要明确几个核心概念:HTML中的`<a>`标签如何用于触发文件下载功能,尤其是在处理图片文件时的一些特殊技巧。接下来,我们将深入分析该知识点,并结合给定的...

    详解a标签添加onclick事件的几种方式

    本文将详细介绍在`<a>`标签上添加`onclick`事件的几种常见方法。 ### 方法1: 使用`javascript:js_method()` ```html <a href="javascript:js_method();" rel="external nofollow">点击我</a> ``` 这个方法直接将...

    Label的ToolTip属性,或是a标签的提示换行问题

    在探讨“Label的ToolTip属性,或是a标签的提示换行问题”这一主题时,我们首先需要理解几个核心概念:ToolTip属性、HTML编码与解码、以及如何在网页中实现文本的换行。以下是对这些概念的详细解析: ### 1. ToolTip...

    给表格和层做链接,无A标签

    在不使用`<a>`标签创建链接时,还需要特别注意以下几点: - **兼容性**:不同的浏览器对于`window.open()`的处理方式可能存在差异,特别是在弹出窗口控制方面。 - **可访问性**:标准的`<a>`标签自带了一些对辅助...

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

    A 标签中 href 的几种用法详解 A 标签是 HTML 中最基本的超链接标签,但是在实际开发中,href 属性的使用却有很多种变化。下面我们将详解 A 标签中 href 的几种用法。 JS 调用方法 在 A 标签中,我们可以使用 ...

    几种JSP页面传值方式.txt

    以上介绍了几种常用的JSP页面传值方式,包括使用表单、URL重写、JavaScript动态改变表单行为、JSP内置对象和标签库以及Cookie和Session。不同的场景下可以选择不同的方法来满足需求。在实际应用中,开发者还需要考虑...

    用css把a链接模拟成button的样子的方法

    在CSS中,还有几种伪类可以用来改变链接在不同状态下的样式,包括: 1. **`:link`**:未访问过的链接。 2. **`:visited`**:已访问过的链接。 3. **`:hover`**:鼠标悬停在链接上时的状态。 4. **`:active`**:链接...

    a标签置灰不可点击的实现方法

    本文将详细介绍如何实现`<a>`标签置灰不可点击的几种方法。 1. **JavaScript方法** 通过在`<a>`标签的`onclick`事件中返回`false`,可以阻止链接的默认行为。例如: ```html <a onclick="return false;" href=...

    python训练数据时打乱训练数据与标签的两种方法小结

    第二种方法是直接使用numpy库中的`np.random.shuffle()`函数对数据和标签进行打乱。这种方法的好处是,如果设置了相同的随机数种子,每次运行代码时打乱的顺序都是固定的,这有助于实验的复现。使用随机数种子的方法...

    Javascript刷新页面的几种方法

    本文将详细介绍几种常见的使用JavaScript刷新页面的方法,并解释它们的工作原理。 #### 1. 使用`history.go(0)` `history.go(0)`会重新加载当前文档。这个方法与`location.reload()`的效果相同,但它的实现方式...

    a 中调用js的几种方法整理及使用推荐

    我们常用的在a标签中有点击事件: 1. a href="[removed]js_method();" 这是我们平台上常用的方法,但是这种方法在传递this等参数的时候很容易出问题,而且[removed]协议作为a的href属性的时候不仅会导致不必要的...

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

    首先,让我们回顾一下描述中提到的几种方法: 1. **a href="javascript:js_method();"** 这种方法直接在`href`属性中写入JavaScript代码,虽然简单,但存在一些问题。例如,`this`对象的含义可能会变得模糊,且在...

    标签栏的几种实现方法(推荐)

    下面我们将深入探讨标签栏的几种实现方法,包括CSS命名、布局方式、模板代码以及脚本实现。 首先,我们可以使用CSS命名来创建基础的标签栏结构。例如,通过在HTML中设置`<div class="service-tabs service-tabs1">`...

    RG100A-AA用的几种固件

    标题中的“RG100A-AA用的几种固件”指的是RG100A型号路由器的几种不同版本的固件。固件是嵌入式设备(如路由器)的操作系统,控制设备的运行和功能。RG100A可能是某个网络设备制造商的产品型号,通常用于家庭或小型...

    jQuery获取标签文本内容和html内容的方法

    在使用text和html方法时,需要注意以下几点: 1. 这两个方法只能用于jQuery对象,不能用于纯JavaScript对象。 2. 对于被匹配的元素集合,这两个方法默认会作用于第一个元素。如果需要对所有元素进行操作,则需要...

    Javascript中使用A标签获取当前目录的绝对路径方法

    综上所述,在现代Web开发中,使用HTML的A标签(<a>)来获取当前目录的绝对路径是一种有效的方法,尤其适用于老旧浏览器的兼容性问题。需要注意的是,在使用这种方法时,开发者们应考虑到不同浏览器可能存在的兼容性...

Global site tag (gtag.js) - Google Analytics