＜a＞标签中href=“javascript:；“

最新推荐文章于 2024-07-25 09:24:40 发布
最新推荐文章于 2024-07-25 09:24:40 发布
阅读量86 收藏
点赞数 3
分类专栏： JS 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45867159/article/details/139347306
版权

javascript:是表示在触发默认动作时，执行一段JavaScript代码，而 javascript:; 表示什么都不执行，跟href=”javascript:void(0)”是一样的，void 是JavaScript 的一个运算符，void(0)就是什么都不做的意思，这样点击时就没有任何反应，页面就不会跳转。

Alkaid:
关注
  • 3
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
a标签javascript的用法说明
fei2636的博客
12-14 1955
一、<a href="javascript:;">的用法说明 1、 标签的 href 属性用于指定超链接目标的 URL，href 属性的值可以是任何有效文档的相对或绝对 URL，包括片段标识符和 JavaScript 代码段。 2、JavaScript: 是一个伪协议，其他的伪协议还有 mail: tel: file: 等等。 1 <a id="jsPswEdit" cl...
javascript处理a标签超链接默认事件的方法
01-19
本文实例讲述了javascript处理a标签超链接默认事件的方法。分享给大家供大家参考。具体分析如下： 有时需要在a标签上添加click事件，并且跳转前处理一些事务,故需要做一些处理；通常前端会给出一个<a>link</a>来代表这个行为，有些还会这样写<a>link</a>或者<a>link</a>这样的写法，但这样并不兼容所有浏览器，有些浏览器就会出现很怪异的形为。 因此，这个问题需要其它方法来解决，其一是用jquery的阻止默认事件，就像JQUERY的官方API中所给出的示例： <!docty
a标签中的javascript:;是什么
weixin_33909059的博客
04-26 419
a标签中的javascript:;是什么 一、问题 &lt;a&gt;标签中href="javascript:;"表示什么意思？？   &lt;a id="jsPswEdit" class="set-item" href="javascript:;"&gt;修改密码&lt;/a&gt; 有一种说法是：href="javascript:;"会去解析&amp
a标签调用js的几种方法
weixin_34128411的博客
09-29 322
我们常用的在a标签中有点击事件： <a> 标签的 href 属性用于指定超链接目标的 URL，href 属性的值可以是任何有效文档的相对或绝对 URL，包括片段标识符和 JavaScript 代码段。 这里的href="javascript:;"，其中javascript:是伪协议，它可以让我们通过一个链接来调用javascript函数.而采用这个方式 javascri...
JS中，a标签里的javascript:；和 javascript:void(0)还有##
weixin_72322475的博客
12-13 1824
JS中，a标签里的javascript:;和 javascript:void(0)还有##
详解A标签中href=””的几种用法
12-11
而且，大多数人认为a标签最重要的作用是实现超链接，今天我刚好碰到a标签的一种写法<a></a>，所以就来整理下a标签中href的几种用法。 一、js的几种调用方法（参考总结的）  1、a href="[removed]js_method();"  这...
鼠标悬停<a>标签效果
05-25
在网页设计中，鼠标悬停效果是提升用户体验的重要一环，尤其对于链接（<a>标签）来说，这种交互设计可以向用户明确指示可点击区域并预览相关信息。本话题我们将深入探讨“鼠标悬停<a>标签效果”的实现，以及如何通过...
详解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事件的区别详解
12-09
`href`和`onclick`都是`<a>`标签的重要属性，它们各自承担着不同的职责，但在某些场景下可能会同时使用，这就涉及到它们之间的区别和交互。 1. **事件顺序**： 当一个`<a>`标签同时具有`href`和`onclick`时，`...
A标签中通过href和onclick传递的this对象实现思路
12-03
总结来说，当需要在`<a>`标签中同时使用`href`和`onclick`时，推荐使用`onclick`配合`return false`或`addEventListener`来传递`this`对象，以确保它指向正确的元素。这样，你就可以在处理函数中方便地访问和操作`<a...
a标签JavaScript的使用方法
brain_bo的博客
11-19 9551
为什么要使用href=”javascript:void(0);” href=”javascript:void(0);”这个的含义是，让超链接去执行一个js函数，而不是去跳转到一个地址， 而void(0)表示一个空的方法，也就是不执行js函数。 为什么要使用href=”javascript:void(0);” &lt;a href="javascript：void(0)" onClick="...
a标签的href属性中的"#"与"javascript:;"的区别
wuxy720
11-26 500
众所周知，a标签的最重要功能是实现超链接和锚点。而且，大多数人认为a标签最重要的作用是实现超链接。 其中，a标签内最重要的属性莫过于href了。那么关于href两者之间又有什么区别的呢？今天我们就来探讨一下！ 首先我们接触较多的是   &lt;a href="javascript:;"&gt;&lt;/a&gt; &lt;a href="#"&gt;&lt;/a&gt;  这...
a标签中的href=javascript
qq_42303709的博客
09-04 1592
例子：&lt;a href="javascript:;"&gt;我的大学&lt;/a&gt; javascript: 是一个伪协议 javascript:是表示在触发&lt;a&gt;默认动作时，执行一段JavaScript代码，而 javascript:; 表示什么都不执行，这样点击&lt;a&gt;时就没有任何反应。 href="javascript:;"就是去掉a标签的默认行为，跟hr...
a 标签中调用js的几种方法
热门推荐
余书懿
04-09 14万+
我们常用的在a标签中有点击事件： 1. a href="javascript:js_method();" 这是我们平台上常用的方法，但是这种方法在传递this等参数的时候很容易出问题，而且javascript:协议作为a的href属性的时候不仅会导致不必要的触发window.onbeforeunload事件，在IE里面更会使gif动画图片停止播放。W3C标准不推荐在href里面执行java
a标签href里#与javascript:；的区别
臧小川的博客
12-11 1117
标签的 href 属性用于指定超链接目标的 URL，href 属性的值可以是任何有效文档的相对或绝对 URL，包括片段标识符和 JavaScript 代码段。 这里的href=“javascript:;”，其中javascript:是伪协议，它可以让我们通过一个链接来调用javascript函数.而采用这个方式 javascript:;可以实现标签的点击事件运行时，如果页面内容很多，有滚动条时，页面不会乱跳，用户体验更好。 javascript:是表示在触发默认动作时，执行一段JavaScript代码，而
【React 】开发环境搭建详细指南
lph159的博客
07-24 874
无论你是刚刚开始学习 React，还是希望在现有项目中采用 React 技术，搭建一个高效的开发环境都是至关重要的。本文将详细介绍如何从零开始搭建 React 开发环境，涵盖所需的工具和最佳实践，帮助你快速启动并顺利进行开发。Visual Studio Code（VS Code）是目前最流行的代码编辑器之一，提供了丰富的扩展和强大的功能。如果你希望对项目的配置有更多的控制，可以选择手动配置 React 项目。下载并安装最新版本的 Node.js，安装 Node.js 后，npm 会自动安装。
在Vue程序中，如何检测用户的登录状态并跳转到对应页面
最新发布
exlink2012的专栏
07-25 194
通过以上步骤，你可以在Vue应用程序中检测用户的登录状态，并在用户尝试访问受保护页面时跳转到登录页面。同时，在用户登录和登出后，你可以根据需要跳转到相应的页面。
请优化这段代码：<!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
这段代码可以进行以下优化： 1. 将 `ul` 标签的 `class` 属性名从 `calss` 改为 `class`。 2. 将 JavaScript 代码放在 HTML 结构后面，以确保 DOM 树已经加载完毕。 3. 使用 CSS 的 `display` 属性代替 JavaScript 控制下拉菜单的显示和隐藏。 4. 为了提高代码的可维护性，可以将 JS 代码中的 `$(".nav>li")` 提取出来作为变量。 下面是优化后的代码： ``` <!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 ul { display: none; position: absolute; top: 41px; left: 0; } </style> <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> <script type="text/javascript"> $(function() { var navLi = $(".nav>li"); // 鼠标移入显示下拉菜单 navLi.mouseover(function() { $(this).children("ul").show(); }); // 鼠标移出隐藏下拉菜单 navLi.mouseout(function() { $(this).children("ul").hide(); }); }); </script> </head> <body> <!-- p181 --> <ul class="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> </body> </html> ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值