怎么理解<a>标签中a href="javascript：；"

最新推荐文章于 2024-05-22 15:36:55 发布
最新推荐文章于 2024-05-22 15:36:55 发布
阅读量4k 收藏 5
点赞数 2
分类专栏： JavaScript 文章标签： JavaScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Prose_poems_Father/article/details/79713136
版权

1.<a>概念

<a href="http://www.w3school.com.cn">W3School</a>

<a> 标签的 href 属性用于指定超链接目标的 URL。

href 属性的值可以是任何有效文档的相对或绝对 URL，包括片段标识符和 JavaScript 代码段。如果用户选择了 <a> 标签中的内容，那么浏览器会尝试检索并显示 href 属性指定的 URL 所表示的文档，或者执行 JavaScript 表达式、方法和函数的列表。

2.“javascript:; "= "javascript:void(0)",void 是JavaScript 的一个运算符，void(0)就是什么都不做的意思。

其他的伪协议还有 mail: tel: file: 等等

3.javascript:是表示在触发<a>默认动作时，执行一段JavaScript代码，而 javascript:; 表示什么都不执行，这样点击<a>时就没有任何反应。

不说谎的孩子
关注
  • 2
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
鼠标悬停<a>标签效果
05-25
在网页设计中，鼠标悬停效果是提升用户体验的重要一环，尤其对于链接（<a>标签）来说，这种交互设计可以向用户明确指示可点击区域并预览相关信息。本话题我们将深入探讨“鼠标悬停<a>标签效果”的实现，以及如何通过...
详解Html a标签中href和onclick用法、区别、优先级别
08-31
在`<a>`标签中，`href`和`onclick`是两个重要的属性，它们各自有不同的用途和交互方式。 `href`属性是`<a>`标签的核心属性，用于指定链接的目标地址。它可以是一个HTTP/HTTPS URL，指向另一个网页；也可以是一个...
超链接标签a href=“JavaScript：；”是啥意思？
qq_32230783的博客
11-01 4017
href=‘javascript:;’ 避免超链接进行跳转
<a>标签中href="javascript:;"表示什么意思？？
SmileAngel521的博客
08-19 1054
标签的 href 属性用于指定超链接目标的 URL，href 属性的值可以是任何有效文档的相对或绝对 URL，包括片段标识符和 JavaScript 代码段。 这里的href="javascript:;"，其中javascript:是伪协议，它可以让我们通过一个链接来调用javascript函数.而采用这个方式 javascript:;可以实现A标签的点击事件运行时，如果页面内容很多，有滚动条时
href=“javascript:；“什么意思
最新发布
听海边涛声
05-22 503
href="javascript:;"什么意思
<a>标签中href="javascript:;"
しΙしΙ 的专栏
11-07 750
javascript:      表示 在触发
a href="javascript"作用
热门推荐
qq_43510714的博客
05-22 1万+
今天在完成一个验证码刷新案例的时候,碰到一些问题 需求是:点击超链接,验证码的图片随机更换 完成此操作,需要用到a标签的 < a href = “javascript:;”>相关知识 1. a href = “javascript:;” 含义 是为了让超链接去执行js函数,点击此超链接时,页面不会进行任何操作,防止跳到其他页面 点击后,页面不动,只打开连接 其中javascript...
a标签href值为javascript:；的含义
weixin_45966674的博客
03-20 334
javascript: 则表示在触发a标签默认行为时，执行一段JavaScript代码。则表示这是一个死链接 点击之后 不会发生任何反应。void 是JavaScript 的一个运算符，void(0)就表示什么都不做。给我人之间看傻了 这href="javascript:;是一样的 表示点击此处 不会发生跳转 是一个无反应的链接。javascript: 是一个伪协议。最近看到这样一段代码。
详解A标签中href=””的几种用法
12-11
而且，大多数人认为a标签最重要的作用是实现超链接，今天我刚好碰到a标签的一种写法<a></a>，所以就来整理下a标签中href的几种用法。 一、js的几种调用方法（参考总结的）  1、a href="[removed]js_method();"  这...
详解A标签中href=""的几种用法
08-29
* `<a href="javascript:void(0);" onclick="js_method()"></a>` * `<a href="javascript:;" onclick="js_method()"></a>` * `<a href="#" onclick="js_method();return false;"></a>` href="#" 的作用 a 中 href=...
A标签中通过href和onclick传递的this对象实现思路
12-03
总结来说，当需要在`<a>`标签中同时使用`href`和`onclick`时，推荐使用`onclick`配合`return false`或`addEventListener`来传递`this`对象，以确保它指向正确的元素。这样，你就可以在处理函数中方便地访问和操作`<a...
js原生中 a 标签 href=“JavaScript：；”有什么用？还有那些用法
Youyzq的博客
03-08 1443
我理解的是这样的： 首先：<a> 标签中必须提供 href 属性 但是这个就出现了一个问题，如果我不想让他跳转，那么这个时候href应该怎么赋值。有三种方法： 第一：href=‘javascript:;’ 代表的是发生动作时执行一段javascript代码，但是这个代码是空的，所以什么也不执行 第二：href = ‘’： 代表的是什么也不执行，但是用这种，动作发生之后，会刷新页面。 第三：href=‘#’： 代表的同样是什么也不执行，但是用这种，动作发生之后，会自动跳
＜a＞标签中的href=“javascript:；“是什么意思？
weixin_41290863的博客
04-26 3787
例子：<a href="javascript:;">我的大学</a> javascript: 是一个伪协议 javascript:是表示在触发<a>默认动作时，执行一段JavaScript代码，而 javascript:; 表示什么都不执行，这样点击<a>时就没有任何反应。 href="javascript:;"就是去掉a标签的默认行为，跟href="javascript:void(0)"是一样的？ 是一样的。 void 是JavaScript 的一
A href="javascript:;的作用?
Fighting_xr的博客
10-09 495
一般来说a标签里面href后接着的应该是一个网址，就是超链接，但是在制作网页的时候我们有时候不需要进行超链接，用到的只是a标签的效果而已，所以此时应该将a标签的超链接去除改成自己需要的在点击a标签时触发的事件，这个时候用以上的模式就可以去除a的超链接改为自己的js事件。說明你采用jsp腳本來完成功能。
详解a标签中href=javascript的几种用法
qq_59039062的博客
01-03 1328
​ 这是常用的方法，但是这种方法在传递this等参数的时候很容易出问题，而且javascript:协议作为a的href属性的时候不仅会导致不必要的触发window.onbeforeunload事件，在IE里面更会使gif动画图片停止播放。​ 这种方法是很多网站最常用的方法，也是最周全的方法，onclick方法负责执行js函数，而void是一个操作符，void(0)返回undefined，地址不发生跳转。​ 这种方法也是网上很常见的代码，#是标签内置的一个方法，代表top的作用。
a标签中href调用js的几种方法，程序员进阶
m0_61943758的博客
03-17 2711
这是我们平台上常用的方法，但是这种方法在传递this等参数的时候很容易出问题，而且javascript:协议作为a的href属性的时候不仅会导致不必要的触发window.onbeforeunload事件，在IE里面更会使gif动画图片停止播放。W3C标准不推荐在href里面执行javascript语句这种方法是很多网站最常用的方法，也是最周全的方法，onclick方法负责执行js函数，而void是一个操作符，void(0)返回undefined，地址不发生跳转。
在<a href="">中加入javascript代码
naruto_Mr的专栏
03-22 239
 &lt;script type="text/javascript"&gt;  function onadd()  {  alert("dfs")  }  &lt;/script&gt;        &lt;p align="right"&gt;&lt;a href="#" onClick="onadd()"&gt;添加网址&lt
请优化这段代码：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>下拉菜单</title> <style type="text/css"> .nav { margin: 100px; } .nav>li { position: relative; float: left; width: 80px; height: 41px; text-align: center; } .nav li a { display: block; width: 100%; height: 100%; line-height: 41px; color: #333; } /* .nav>li ul{ display: none; position: absolute; top: 20px; right: 21px; } */ </style> <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> </head> <body> <!-- p181 --> <ul calss="nav"> <li><a href="#">微博</a> <ul> <li><a href="#">私信</a></li> <li><a href="#">评论</a></li> <li><a href="#">@我</a></li> </ul> </li> <li><a href="#">留言板</a> <ul> <li><a href="#">私信</a></li> <li><a href="#">评论</a></li> <li><a href="#">@我</a></li> </ul> </li> <li><a href="#">电话</a> <ul> <li><a href="#">私信</a></li> <li><a href="#">评论</a></li> <li><a href="#">@我</a></li> </ul> </li> <li><a href="#">邮箱</a> <ul> <li><a href="#">私信</a></li> <li><a href="#">评论</a></li> <li><a href="#">@我</a></li> </ul> </li> </ul> <script type="text/javascript"> $(".nav>li").mouseover( function() { $(this).children("ul").show(); } ); $(".nav>li").mouseout( function() { $(this).children("ul").hide(); } ); </script> </body> </html>
06-03
<li><a href="#">私信</a></li> <li><a href="#">评论</a></li> <li><a href="#">@我</a></li> </ul> </li> <li><a href="#">留言板</a> <ul> <li><a href="#">私信</a></li> <li><a href="#">评论</a></li...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值