`

a标签中有点击事件

 
阅读更多

我们常用的在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或jQuery模拟鼠标点击a标签事件代码

    //既触发了a标签的点击事件,又触发了页面跳转 把 “下一步” 改为 “”spanId”>下一步” 即给A标签中的文字添加一个能被jQuery捕获的元素,然后$(“#spanId”).click();,才可以触发页面跳转。

    js中a标签的onclick点击事件的转义格式

    js页面,进行页面内容的拼接时,a标签的onclick点击事件,需要传参数时,解决转义麻烦,不对的情况,提供了模板

    jquery A标签onclick事件

    这段代码通过 jQuery 的 `$` 符号选择器选中了所有名称属性为 `areas` 的 A 标签,并为其绑定了一个点击事件处理器。 #### 2. 获取点击元素的内容 ```javascript var area = $(this).html(); ``` 这里通过 `$...

    WebView实现JS效果和a标签点击事件

    处理a标签点击事件通常有两种方式:一是通过WebViewClient,二是通过WebChromeClient。这里我们主要介绍第一种方式。首先,自定义一个WebViewClient并重写`shouldOverrideUrlLoading()`方法: ```java webView....

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

    表现上要有鼠标的pointer指针显示,或者其他类似a标签的视觉效果。 比如执行删除操作时,为了避免误操作,我们要弹出对话框让用户确定是否删除。因此我们经常会用链接<a></a>形式代替<button> 触发onclick事件...

    a标签调用js的方法总结

    a标签点击事件方法汇总 <a> 标签的 href 属性用于指定超链接目标的 URL,href 属性的值可以是任何有效文档的相对或绝对 URL,包括片段标识符和 JavaScript 代码段。 这里的href=”[removed];” rel=”external no...

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

    接下来,如果页面中的a标签点击后不发生页面跳转,即点击事件只是触发一些JavaScript函数来执行,那么我们可以使用不同的方法来实现变色功能。代码示例如下: 1. 给a标签设置一个特定的点击事件处理器。 ```html ...

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

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

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

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

    IOS点击标签触发事件

    以上就是在iOS中实现“点击标签触发事件”的详细步骤。通过这些技术,你可以使UILabel具备交互性,提升用户体验。在实际开发中,这种技术常用于展示提示信息或者作为轻量级的按钮使用。记住,良好的用户界面设计和...

    js a标签点击事件

    在处理`<a>`标签的点击事件时,需要注意的是,为了防止屏幕阅读器等辅助技术的异常行为,应该始终提供有意义的`href`值,即使是为了模拟点击事件。同时,避免过度依赖JavaScript,对于没有JavaScript支持的环境应...

    点击A标签后当前a变色,其它的不变色

    点击A标签后当前a变色,其它的不变色,让被点击的高亮显示

    swiper移动端左右滑动与a标签链接接同时触发解决方案

    通过以上步骤,我们可以成功地在移动端Swiper滑动和a标签点击之间找到平衡,提供良好的用户体验。不过,实际项目中可能还会遇到其他问题,如浏览器兼容性、性能优化等,需要根据具体情况进行调整和优化。

    HTML a 标签.docx

    HTML a 标签是 HTML 中最基本也是最常用的标签之一,它用于定义锚点,可以创建指向其他文档的链接,也可以创建文档内部的书签。下面我们将详细介绍 HTML a 标签的定义、用法、属性和实例。 定义和用法 -------- ...

    demo——关于禁用html中a标签的思考.zip

    在一些交互设计中,可能会有动态元素或者非链接文本看起来像是可以点击的,为了避免用户误解并进行不必要的操作,开发者可能选择移除这些区域的链接功能,从而提高用户体验。 另一个原因是安全性。有些网站可能担心...

    Jquery控制A标签Css样式

    ### JQuery控制A标签CSS样式的实现方法 在前端开发中,使用JQuery库来操作DOM元素的样式是一种常见的做法。本文将详细介绍如何利用JQuery控制动态`<a>`标签的CSS样式,包括鼠标悬停、点击等交互效果的实现。 #### ...

    VUE解决 v-html不能触发点击事件的问题

    背景:后端返前端html格式的数据,前端用v-html解析渲染,如:<a></a>,a标签能成功渲染,但其绑定的事件无法触发。 原因:vue没有将其作为vue的模板解析渲染 解决方案:不用v-html而是component模板编译 上干货: ...

    a标签中调用js中的方法的方法

    ### a标签中调用JavaScript方法的方法 在Web开发过程中,我们经常会遇到需要通过HTML标签来触发JavaScript函数的需求,其中最常见的就是使用`<a>`标签。本文将详细介绍如何在`<a>`标签中调用JavaScript方法,并对每...

Global site tag (gtag.js) - Google Analytics