a标签的href属性里写js函数

最新推荐文章于 2024-08-03 21:02:21 发布
最新推荐文章于 2024-08-03 21:02:21 发布
阅读量202 收藏
点赞数
文章标签： java javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/a121bcd/article/details/133434224
版权

一般习惯而言。是href只执行javascript:void(0)。而让onclick函数执行真正的js的函数。这样前台还看不到onclick的内容

如：<a href="javascript:void(0)" οnclick="testClick()">登陆</a>

function testClick(){
  alert("这是a标签的onclick函数");
  }

a标签的href属性的使用js函数_a href 写js方法-CSDN博客

a121bcd
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue.js 实现a标签href里添加参数
10-16
在Vue.js中，有时我们需要在`<a>`标签的`href`属性中动态添加参数，以便根据用户的数据或状态创建个性化的链接。这通常在构建动态路由或传递查询参数时非常有用。以下是如何在Vue.js中实现这个功能的详细步骤。 ...
javascript和jquery修改a标签的href属性
10-26
在网页开发中，链接元素（a标签）是页面交互的重要组成...要使用 jQuery 修改 a 标签的 href，你需要先在页面上引入 jQuery 库，然后使用 `$` 函数选择元素，并调用 `attr` 方法： ```javascript // 引入 jQuery 库 ...
前端面试——href="#"、href="javascript：void(0)"与href="javascript：;"的区别
哈哈hyc的博客
07-31 7445
我们在使用a标签的空链接时，通常写为 href=# 或者 href=javascript:void(0) ，这两种写法有什么区别呢？我想很多人都不会去深究，但是这两种写法出来的效果有时候是不一样的。 概括来说，这两种写法有如下几个区别： # 包含了一个位置信息，默认的锚是 #top 也就是网页的上端。 而javascript:void(0), 仅仅表示一个死链接，当 href=javascr...
href=“JavaScript：；”是啥意思？
热门推荐
yanhuo0414的博客
04-14 2万+
这几天有人问到，在a标签里面，href=‘javascript:;’是啥意思 我理解的是这样的： 首先：<a> 标签中必须提供 href 属性 但是这个就出现了一个问题，如果我不想让他跳转，那么这个时候href应该怎么赋值。有三种方法： 第一：href=‘javascript:;’ 代表的是发生动作时执行一段javascript代码，但是这个代码是空的，所以什...
href="javascript:"的使用
yy228313的专栏
02-19 5723
在开发中经常使用href="javascripts:;"使得标签失效不跳转，而使用绑定的方法进行跳转。 写法有好多种，如 1. 2. 3. 4.（可以成功，但不建议使用） 在这需要注意的是如果写错，写成，会导致在一般的浏览器上正常， 而IE上的效果如下图，页面url不变，但页面内容显示为0。 原因： javascript：是伪协议，作用
href=“javascript:；“ 啥意思
cgyh126的博客
05-30 1924
当 href="javascript:;" 这表示 要调用 一段javascript代码，但由于：后面啥也没有，所以这段代码就表示。大家都知道， <a href="要去往的链接">，这里href 一般是要链接一个 要去往的超链接。比如我们在查看页面源代码时会看到 <a href="2.html">等类似地表示。，前台用户点击了等于没点击。有的帖子说这样可以防止页面乱动，也许有道理。
HTML href指向function
RedWolf-blog
09-09 2598
HTML href指向function 要我说href指向function的缘故只是因为a href 带有部分样式以及鼠标变手的效果..没别的好处.. 1. function无参或者参数不是this &lt;a href="javascript:noParam()"&gt;href指向function noParam&lt;/a&gt; &lt;a href="javascript:pa...
详解A标签中href=""的几种用法
08-29
在 A 标签中，我们可以使用 href 属性来调用 JS 函数。下面是几种常见的调用方法： 1. `a href="javascript:js_method();"`：这是最常用的方法，但是这种方法在传递 this 等参数的时候很容易出问题，而且 ...
a标签的href与onclick事件的区别详解
12-09
也就是说，用户点击链接后，首先会触发`onclick`绑定的JavaScript函数，执行完毕后再执行`href`指定的动作，如页面跳转或者执行JavaScript代码。 2. **阻止默认行为**： 如果希望在`onclick`执行后阻止`href`的...
html超链接a标签的href跳转跟onclick之间执行顺序示例介绍
09-28
`href`属性是`<a>`标签的核心，它定义了链接的目标URL，当用户点击链接时，浏览器通常会立即跳转到这个URL所指定的页面。然而，`<a>`标签还可以与`onclick`事件结合，为用户提供更复杂的交互体验。 `onclick`事件是...
a链接下href属性中写javascript的几种用法，加#号和javascript:void(0)区别
GuiBing_haonan的博客
08-06 4939
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录一、a标签中href="javascript:"的几种用法？1、a href="javascript:method();"2、 a href="javascript:void(0);" οnclick="method()"3、a href="javascript:;" οnclick="method()"4、a href="#" οnclick="method()"5、a href="#" οnclick="method();ret
a href 直接调用函数
geelong的博客
11-03 2091
    &lt;a href="javascript:login();&gt;  登陆&lt;/a&gt;
javascript在a标签href属性中的使用
sinat_38992528的博客
05-17 9654
javascript:;与javascript:void(0)使用介绍 有时候我们在编写js过程中，需要触发事件而不需要返回值，那么就可能需要这样的写法 转自：https://www.cnblogs.com/xuan52rock/p/4338482.html href=”#”,包含了一个位置信息.默认的锚是#top,也就是网页的上端，当连续快速点击此链接时会导致浏览器巨慢甚至崩溃...
<a>的href中添加js函数的写法
莫冲的专栏
03-18 1816
参考资料： http://www.cnblogs.com/opper/archive/2009/01/12/1373971.html 1 void(0) 表示一个死链接 可以在void中执行js脚本。但是不能用;结尾。 例如 [code="java"] Cancel [/code] 以上刷新页面的脚本不会执行。但是若去掉;就会执行。 2 建议将js放在void之前...
a标签的href属性的使用js函数
xclsky的博客
12-15 6715
1 a标签具有href属性和onclick事件。 如：登陆 2 href属性为连接地址。可以理解为url。跳转的路径。如果想要在href上执行js的函数。需要添加“javascript:” 如：登陆 function testHref(){   alert("这是a标签的href函数");   } 3 一般习惯而言。是href只执行javascript:voi
a标签中href调用js的几种方法，程序员进阶
m0_61943758的博客
03-17 2791
这是我们平台上常用的方法，但是这种方法在传递this等参数的时候很容易出问题，而且javascript:协议作为a的href属性的时候不仅会导致不必要的触发window.onbeforeunload事件，在IE里面更会使gif动画图片停止播放。W3C标准不推荐在href里面执行javascript语句这种方法是很多网站最常用的方法，也是最周全的方法，onclick方法负责执行js函数，而void是一个操作符，void(0)返回undefined，地址不发生跳转。
href指向js中的函数
JSH的博客
09-11 553
在做jsp的前端页面时候，我想让a标签的href属性指向当前页面的函数部分，经过百度，发现可以这样 href=“javascript:js_method()” 在href属性里面写成上面格式加上属性名称，就可以指向当前页面的script的函数了 ...
J031_使用TCP协议支持与多个客户端同时通信
最新发布
lzn20161229的博客
08-03 401
使用TCP协议支持与多个客户端同时通信。
href绑定函数指定url
06-08
你可以使用 `location.href` 或 `window.location` 属性来指定要跳转到的 URL，例如： ``` <a href="#" onclick="location.href='http://www.example.com'">Go to Example.com</a> ``` 或者： ``` <a href="#" onclick="window.location='http://www.example.com'">Go to Example.com</a> ``` 这样当用户点击链接时，就会跳转到指定的 URL。你也可以在函数中使用这些属性来指定 URL，例如： ``` <a href="#" onclick="myFunction()">Go to Example.com</a> <script> function myFunction() { window.location = "http://www.example.com"; } </script> ``` 当用户点击链接时，就会执行 `myFunction()` 函数，并且跳转到指定的 URL。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值