`
NiceKevin
  • 浏览: 11193 次
  • 性别: Icon_minigender_1
  • 来自: 厦门
社区版块
存档分类
最新评论

a标签中的点击事件

    博客分类:
  • WEB
阅读更多
<a onClick=”return window.confirm(‘确认删除’)” href=”#”>删除</a>
<a href="javascript:history.go(-1);">后退</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的作用。所以用这种方法点击后网页后返回到页面的最顶端。

a标签中有点击事件 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”&gt;下一步” 即给A标签中的文字添加一个能被jQuery捕获的元素,然后$(“#spanId”).click();,才可以触发页面跳转。

    jquery A标签onclick事件

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

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

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

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

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

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

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

    a标签调用js的方法总结

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

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

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

    IOS点击标签触发事件

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

    js a标签点击事件

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

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

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

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

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

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

    在HTML中,`&lt;a&gt;`标签通常用于创建超链接,让用户可以点击跳转到其他页面。然而,有时候我们希望在用户点击`&lt;a&gt;`标签时执行JavaScript代码而非直接跳转。在这种情况下,我们可以使用`onclick`事件来实现。本文将详细...

    HTML a 标签.docx

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

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

    首先,禁用`&lt;a&gt;`标签的一个常见原因是为了防止意外点击。在一些交互设计中,可能会有动态元素或者非链接文本看起来像是可以点击的,为了避免用户误解并进行不必要的操作,开发者可能选择移除这些区域的链接功能,...

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

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

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

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

    Jquery控制A标签Css样式

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

    动态更改A标签的HREF,防止打开外部连接时被浏览器拦截

    在网页开发中,有时我们需要动态地更改`&lt;a&gt;`标签的`href`属性,以便在用户点击时跳转到不同的URL。这种情况可能出现在各种场景,比如根据用户操作或某些条件来决定目标链接,或者为了安全考虑,防止浏览器将链接识别...

Global site tag (gtag.js) - Google Analytics