<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;"
分享到:
相关推荐
//既触发了a标签的点击事件,又触发了页面跳转 把 “下一步” 改为 “”spanId”>下一步” 即给A标签中的文字添加一个能被jQuery捕获的元素,然后$(“#spanId”).click();,才可以触发页面跳转。
这段代码通过 jQuery 的 `$` 符号选择器选中了所有名称属性为 `areas` 的 A 标签,并为其绑定了一个点击事件处理器。 #### 2. 获取点击元素的内容 ```javascript var area = $(this).html(); ``` 这里通过 `$...
处理a标签点击事件通常有两种方式:一是通过WebViewClient,二是通过WebChromeClient。这里我们主要介绍第一种方式。首先,自定义一个WebViewClient并重写`shouldOverrideUrlLoading()`方法: ```java webView....
js页面,进行页面内容的拼接时,a标签的onclick点击事件,需要传参数时,解决转义麻烦,不对的情况,提供了模板
表现上要有鼠标的pointer指针显示,或者其他类似a标签的视觉效果。 比如执行删除操作时,为了避免误操作,我们要弹出对话框让用户确定是否删除。因此我们经常会用链接<a></a>形式代替<button> 触发onclick事件...
a标签点击事件方法汇总 <a> 标签的 href 属性用于指定超链接目标的 URL,href 属性的值可以是任何有效文档的相对或绝对 URL,包括片段标识符和 JavaScript 代码段。 这里的href=”[removed];” rel=”external no...
接下来,如果页面中的a标签点击后不发生页面跳转,即点击事件只是触发一些JavaScript函数来执行,那么我们可以使用不同的方法来实现变色功能。代码示例如下: 1. 给a标签设置一个特定的点击事件处理器。 ```html ...
以上就是在iOS中实现“点击标签触发事件”的详细步骤。通过这些技术,你可以使UILabel具备交互性,提升用户体验。在实际开发中,这种技术常用于展示提示信息或者作为轻量级的按钮使用。记住,良好的用户界面设计和...
在处理`<a>`标签的点击事件时,需要注意的是,为了防止屏幕阅读器等辅助技术的异常行为,应该始终提供有意义的`href`值,即使是为了模拟点击事件。同时,避免过度依赖JavaScript,对于没有JavaScript支持的环境应...
点击A标签后当前a变色,其它的不变色,让被点击的高亮显示
通过以上步骤,我们可以成功地在移动端Swiper滑动和a标签点击之间找到平衡,提供良好的用户体验。不过,实际项目中可能还会遇到其他问题,如浏览器兼容性、性能优化等,需要根据具体情况进行调整和优化。
在HTML中,`<a>`标签通常用于创建超链接,让用户可以点击跳转到其他页面。然而,有时候我们希望在用户点击`<a>`标签时执行JavaScript代码而非直接跳转。在这种情况下,我们可以使用`onclick`事件来实现。本文将详细...
HTML a 标签是 HTML 中最基本也是最常用的标签之一,它用于定义锚点,可以创建指向其他文档的链接,也可以创建文档内部的书签。下面我们将详细介绍 HTML a 标签的定义、用法、属性和实例。 定义和用法 -------- ...
首先,禁用`<a>`标签的一个常见原因是为了防止意外点击。在一些交互设计中,可能会有动态元素或者非链接文本看起来像是可以点击的,为了避免用户误解并进行不必要的操作,开发者可能选择移除这些区域的链接功能,...
我们常用的在a标签中有点击事件: 1. a href=[removed]js_method(); 这是我们平台上常用的方法,但是这种方法在传递this等参数的时候很容易出问题,而且[removed]协议作为a的href属性的时候不仅会导致不必要的触发...
背景:后端返前端html格式的数据,前端用v-html解析渲染,如:<a></a>,a标签能成功渲染,但其绑定的事件无法触发。 原因:vue没有将其作为vue的模板解析渲染 解决方案:不用v-html而是component模板编译 上干货: ...
### JQuery控制A标签CSS样式的实现方法 在前端开发中,使用JQuery库来操作DOM元素的样式是一种常见的做法。本文将详细介绍如何利用JQuery控制动态`<a>`标签的CSS样式,包括鼠标悬停、点击等交互效果的实现。 #### ...
在网页开发中,有时我们需要动态地更改`<a>`标签的`href`属性,以便在用户点击时跳转到不同的URL。这种情况可能出现在各种场景,比如根据用户操作或某些条件来决定目标链接,或者为了安全考虑,防止浏览器将链接识别...