js方法重复使用，传id方法

最新推荐文章于 2020-09-20 21:23:33 发布
最新推荐文章于 2020-09-20 21:23:33 发布
阅读量855 收藏
点赞数
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_41765030/article/details/83049880
本文介绍了一种在多个按钮上使用同一监听事件的方法，通过在点击事件中传递按钮ID，可以有效减少代码量，简化项目并提高维护效率。此方法适用于前端开发中需要对多个相似功能按钮进行监听的场景。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

多个按钮的监听事件调用同一个方法
一、定义js方法

二、添加按钮

我是test1 我是test2 我是test3 点击事件调用方法传入id ，方法中使用到id的地方使用形参即可

优点：节省代码，从而减少项目所需的时间，便于维护

坏小子_刘
关注
JS设计模式——提高复用（有哪些设计模式可以帮助我们提高可复用性？）
zhengjingID的博客
06-17 717
本篇文章主要介绍几个设计模式来帮助我们提高代码的可复用性。
前台多个id值的传递（实例）
shaokaiutf8的博客
11-14 3173
前台jsp SCRIPT type="text/javascript">     /*     i用来记录迭代次数     j用来标记是否被选中     */     function jia(j) {             var z=Number(document.getElementById("b"+j).value);             var js=Number
JS如何使用多个相同ID
pyy-------java爱好者
10-23 1520
$('[id='+ｉｄ+']').show();　　即可
js 方法传this
qq_35392534的博客
04-13 8998
今天做AJAX异步传值的时候需要传一个参数，想直接用函数（this） 值，觉的比较简便，结果一直读取不到参数，上代码详解：HTML代码：<a onclick="showAttr(this)" class="showAttr" style="cursor: pointer;" id_domain="www.aqvyks.com">磁療內衣WBZS26287</a>js: fu
JS 传参为id时的用法
光羽住一
04-11 8657
js函数传参是重要的方法。有一种情况比较特殊，当传递的参数是id时该怎么去具体的使用呢？没有传参的时候我们的函数一般都是这样<script> function myfunction(){ var x=100; document.getElementById("id1").innerHTML=x; } </script>用法很简单，只要在需要的地方写上id="id1"就好...
js如何利用a标签href实现页面跳转，并动态传递参数，如id。
热门推荐
weixin_38652318的博客
09-20 1万+
js如何利用a标签href实现页面跳转，并动态传递参数，如id。 <a :href="'/three/sing?id='+id" target="_blank">点击新的页面</a> 其中/three/sing为新的页面地址，也为进入app中view.py中所定义的函数的url。加号后面的id为动态参数。? 号是为了在新页面中提取href传的参数。 需要注意的是，href前面需要加冒号才能传递动态参数！ ...
html向js传递id
weixin_30245867的博客
09-30 547
html获取id方法： <div id="thediv1" style="display:block" onclick="ceshi(this.id)">技术A组</div> this.id ------>本身id 转载于:https://www.cnblogs.com/wanlibingfeng/p/7613575.html...
在一个页面重复使用一个js函数的方法详解
12-28
1、给每个拥有相同行为的问题DOM节点一个相同的class类，如question，同时给不同的问题一个不同的标识ID如 id=”question1″ id=”question2″…诸如此。 2、给类.question绑定点击事件，在触发函数里面先判断当前...
JavaScript生成一个不重复的ID的方法示例
12-13
本文介绍了JavaScript生成一个不重复的ID的方法示例，分享给大家，具体如下： /** * 生成一个用不重复的ID */ function GenNonDuplicateID():String{ } 先看看下面的几个方法 1.生成[0,1)的随机数的Math.random...
js去除重复字符串两种实现方法
12-11
方法一： 代码如下:function checkRe(checkid) { var id = window.parent.getQry(“ctrid”) + “_”; var values = window.parent.opener.document.getElementById(id + “txt_dept_name”).value; var keys = ...
Js Snowflake(雪花算法)生成随机ID的实现方法
11-19
1、snowflake-id插件  import SnowflakeId from "snowflake-id"; const guid = num => { const id= new SnowflakeId(); return id.generate(); }; 2、原生使用  var Snowflake = /** @class */ (function() { ...
js 通过 this 传 id
kk5595的专栏
05-25 5457
            function btn(a) {            alert(a);                          //   a相当于 document.getElementById(txt1)            var max= 9;            var min = 0;            if (a.va
笔记 js通过this传id
年华
11-09 1051
function btn(a) {             alert(a );                          //   a相当于 document.getElementById('txt1')              var max= 9;             var min = 0;             if (a.value >= min && a.va
JavaScript或者Jqurey把控件id作为参数来调用
yangmingxing980的专栏
07-15 6408
1.JavaScript把控件id作为参数调用 function xx(pmba) { document.getElementById(pmba).style.display = "block"; } 网页a 窗口b 2.这个弄了好一会儿，只
js 点击弹出取得属性(lay-id)中多个值
php菜鸟技术天地
10-24 6113
//观看直播回放 $(".view_video").on("click",function(){ var arrid = $(this).attr("lay-id"); var strs= new Array(); //定义一数组 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值