给超链接(a标签)加onclick事件

转载于 2019-04-11 08:18:23 发布 · 1.3k 阅读

前端同时被 2 个专栏收录

13 篇文章

订阅专栏

jQuery

7 篇文章

订阅专栏

本文探讨了网页中超链接的不同使用方式及其潜在的安全风险，包括直接使用href属性、结合onclick事件以及利用JavaScript执行跳转的区别与隐患。

<a onclick="alert('1')">超链接1</a><br>
<a href="#" onclick="alert('2')">超链接2</a>
<br>
<a href="javascript:alert('3')">超链接3</a>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

james_laughing

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

javaweb_05超链接点击事件&下拉框数据绑定&新闻修改

YangKen_liu的博客

04-06

380

. 超链接上涉及到点击事件，要阻止超链接本身跳转  <a href='javascript:void(0)' οnclick='clickdel()'>删除</a> 2.下拉框数据绑定 <% //定义全局变量， ...

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

10-17

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

参与评论您还未登录，请先登录后发表或查看评论

给超链接加onclick事件

weixin_34174105的博客

10-10

884

在动态网页中，常常需要在单击超链接时处理一些数据，而不是跳转一个网页。在这种情况下，通常有以下三种处理方式：不设置<a>标签的href属性，只设置onclick属性。在这种处理方式下，通常超链接文本会和正文的文本以相同的形式出现，即不会有默认的下划线。当鼠标放在超链接上也不会显示小手的形状（除非为该超链接设置了CSS）。因此，用户很难知道这是一个可以点击的超链接。将<a&...

超链接添加onclick事件

Lam's IT Story

06-16

974

有三种方法来实现： 1、不设置<a>标签的href属性，只设置onclick属性。在这种处理方式下，通常超链接文本会和正文的文本以相同的形式出现，即不会有默认的下划线。当鼠标放在超链接上也不会显示小手的形状（除非为该超链接设置了CSS）。因此，用户很难知道这是一个可以点击的超链接。 <a onclick="alert('您单击了超链接1')">超链接1</a&gt...

给超链接添加onclick事件

lilpf的专栏

06-12

1977

xxx xxx(效果与上段代码的效果相同)

html超链接a标签的href跳转跟onclick之间执行顺序示例介绍

09-28

然而，`<a>`标签还可以与`onclick`事件结合，为用户提供更复杂的交互体验。 `onclick`事件是JavaScript中的一个处理函数，当用户点击元素时触发。在`<a>`标签上设置`onclick`事件，可以执行自定义的JavaScript代码...

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

09-05

在网页开发中，A标签通常用于创建超链接，引导用户访问其他页面或执行特定操作。然而，有时我们可能只需要A标签触发一个JavaScript事件，而不想让它执行默认的跳转行为。在这种情况下，我们需要采取措施来阻止A标签...

html超链接a标签的href跳转跟onclick之间执行顺序示例介绍(1).doc

最新发布

07-14

HTML超链接a标签是HTML文档中用于创建链接的标签，它能将用户从当前页面导航到新的页面或锚点。a标签中的href属性定义了链接指向的目标URL，这是a标签最为重要的属性。而onclick属性则是JavaScript事件处理器，当...

html超链接a标签的href跳转跟onclick之间执行顺序示例介绍.doc

12-14

当我们同时在<a>标签中设置了href属性和onclick事件处理器时，它们的执行顺序就变得尤为重要。根据HTML和JavaScript的规范，当<a>标签被点击时，首先执行的是onclick事件处理器中的代码。如果在 onclick 事件处理器...

关于超链接绑定onclick事件传值,以及跳转路径

alex_mmg的博客

10-01

8850

关于超链接绑定onclick事件传值,以及跳转路径有两种方法搜索 function searchCurriculum(){ var name=$("#curriculumname").val(); window.open("/curriculum/curriculumSearch?name="+name,"_self"); }还有一种方法 function search

a标签超链接，onclick的2种写法

a4228492的博客

12-04

289

<a href="javascript:void(0);" class="rdu3 acur mr10" onclick="window.location.href='${ctx}/cadre/trainingActivities/downloadFile?OLDNAME=' + encodeURI(encodeURI('${map.bean.TRAINING_SUMMARY_OL...

jq在添加a链接时绑定事件，在方法中获取表格中的信息

DaZhi_boy的博客

07-28

1229

做个笔记，以防忘记。新手一个，欢迎补充。需求：通过ajax后台获取json格式数据，添加到table中，每条数据后面加添加、删除和修改功能。添加和修改用模态框实现。遇到的问题：在点击修改的时候如何获取该条用户的信息，显示在模态框的相应input中解决办法（三种）：1.方法一（推荐）：在生成表格的时候给修改的链接上添加一个属性(如userID=userId),然后给链接上绑定方法，在方法中获取ID

html中a标签中的onclick和href的使用

zoohouse的专栏

08-23

4703

下面代码则执行了subgo()函数，点我在这里，javascript:void(0),没启实质上的作用，它仅仅是一个死链接，执行的函数是subgo()。点我与点我区别。实际上 #包含了一个位置信息默认的锚是#top 也就是网页的上端，而javascript:vo

a标签的onclick事件与href详解

吃螃蟹的蘑菇的博客

10-09

1376

对于a标签的onclick事件与href，之前一直没想过onclick事件与href能有什么关系，直到今天遇见了一个bug,怎么也找不到原因，最后才发现是因为onclick与href的原因。 bug:用A标签做了导航，<a class="nav-li-select nav" href="#">首页</a> <a nav" href="#">产品中心</a>jquery写了界面跳转：$

<a>标签的href和onclick属性

huageby的专栏

07-18

959

链接的onclick 事件被先执行，其次是href属性下的动作（页面跳转，或 javascript 伪链接）；假设链接中同时存在href 与onclick，如果想让href 属性下的动作不执行，onclick 必须得到一个false的返回值；如果页面过长有滚动条，且希望通过链接的 onclick 事件执行操作。应将它的 href 属性设为 javascript:void(0);，而不要是 #，

如果超链接里使用onclick事件

SunLeibo的专栏

04-07

2748

如果超链接里使用onclick事件，加上href='javascript:void(0);'这句，否则会出现一些问题,eg:ie8不能触发onclick，等一系列问题，

a标签 超链接 只执行onclick

06-06

如果您希望在a标签中仅执行onclick事件而不进行页面跳转，您可以通过以下方式实现： 1. 使用JavaScript阻止默认事件： ```html <a href="#" onclick="yourFunction(); return false;">Link</a> ``` 其中，your...