关于JavaScript自定义函数（事件），带参数的编写方式

最新推荐文章于 2024-05-03 11:08:18 发布
最新推荐文章于 2024-05-03 11:08:18 发布
阅读量2k 收藏
点赞数 4
分类专栏： js自定义函数 文章标签： javascript js html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/nmdhgg_/article/details/106622669
版权

关于JavaScript自定义函数（事件），带参数的编写方式

今天再写前端的时候需要定义一个带参数的Js函数，因为带参之前用的不多，懵了一下。不多说了，直接上成品。

正常格式 就是
function Fun_Name(){
…
}

带参格式
function Fun_Name(参数名称){
…
}

跟后台代码不同的是，js定义参数不需要定义数据类型，因为它是弱类型语言嘛。

大概就这么多，以下是我今天代码示例。

button onclick点击事件触发调用带参函数button onclick点击事件触发调用带参函数，直接传值就可以，函数内就可以正常取用操作

我做的比较简单，直接type判断值然后进行相应的类型操作我做的比较简单，直接type判断值然后进行相应的类型操作。

大概就这么多。

2020.06.08 16:21

Ppdan_
关注
  • 4
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
详解JavaScript中的自定义事件编写
01-19
我们可以自定义事件来实现更灵活的开发，事件用好了可以是一件很强大的工具，基于事件的开发有很多优势（后面介绍）。 与自定义事件的函数有 Event、CustomEvent 和 dispatchEvent。 直接自定义事件，使用 Event 构造函数： var event = new Event('build'); // Listen for the event. elem.addEventListener('build', function (e) { ... }, false); // Dispatch the event. elem.dispatchEvent(event); Custo
javascript提取URL的搜索字符串中的参数(自定义函数实现)
10-27
我们经常会看到有的页面链接地址后面会跟有参数,很多时候我们需要获得这些参数的值,接下来将介绍获取方法,感兴趣的朋友可以了解系,希望本文对你有所帮助
用js脚本如何动态添加带参数的事件
03-29 2593
function   btn_onclick(a)     {     alert(test   click   event     +   a);     }     window.btnTest.attachEvent("onclick",   function(){btn_onclick(100)}); 
js动态添加input按钮并给按钮增加onclick的函数事件(带参数)
热门推荐
weixin_40321535的博客
12-01 6万+
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <script type="text/javascript"> function bt1(value, id) { if(!document.get
注册带参数的事件处理函数
aylx222333的专栏
08-18 231
在非简单事件模型中，给一个HTML注册事件处理函数时采用如下的方式：element.on clik=funtionName; 这里element为要进行事件注册的HTML元素，onclik为注册的事件类型，funtionName为处理函数的名字(即函数引用)。例如：   &lt;script&gt; function myFunction(){alert("调用了事件处理函数...
JavaScript-83：带参数的函数
臧小川的博客
09-27 153
// 1 函数可以重复相同的代码 // function cook() { // console.log('酸辣土豆丝'); // } // cook(); // 2 我们可以利用函数的参数来实现函数重复不同的代码 // function 函数名(形参，形参2...) { // 在声明函数的小括号里面 是形参（形式上的参数） // } // 函数名(实参1，实参2...); //在函数调用的小括号里面的实参(时间的参数) // 3 形参和实参的执行过程 function cook (aru) {
JavaScript 中的函数、事件、参数理解
weixin_43433884的博客
10-16 1055
JavaScript 中的函数： 0、定义函数使用关键字 function 1、关键字定义方式： function 函数名(参数1,参数2…){ 功能//函数体 } function showInfo(name,age,hobby){ alert(‘大家好，我叫’ + name + ‘,今年’ + age + ‘岁，我喜欢’+hobby); } 2、字面量定义方式： var 函数名 = funct...
JavaScript--函数--参数--事件函数的关系--形参和实参
C243654的博客
10-13 650
函数 概念:函数就是代码块，可以多次调用，很容易实现模块化编程。 好处: 1）减少代码开发时间 2） 模块化编程 3) 可以重复使用 函数的定义: 形式1 function fn(){ // 函数体内功能代码 } function－－－为声明函数的关键字，指出这是一个函数 fn －－－－－－是函数的名称，类似于永来存储函数的变量 () －－－－－－为函数的参数，多个参数用 , 隔开 {} －－－－－－放置函数体，用于执行时，所要编译的代码段 调用: 函数名(); fn(
js绑定事件、传递参数
cherry的博客
09-12 1万+
绑定事件的方式、以及如何在绑定事件方法中传递参数。
JavaScript自定义数组排序方法
12-11
本文实例讲述了JavaScript自定义数组排序方法。分享给大家供大家参考。具体分析如下： Array中有自带的排序功能，这个使用起来比较方便，我们有一点必须清楚，就是排序的依据，如果sort不传入参数的话，那就是按照...
100个不能错过的实用JS自定义函数
10-26
本文收集了100个原生态JavaScript编写的常用、实用自定义函数,需要的朋友可以参考下
Excel-Custom-Functions-JS:使用JavaScript在Excel中编写自己的函数
04-29
通过自定义函数，您可以通过在JavaScript中将这些函数定义为外接程序的一部分来向Excel添加新函数。 Excel中的用户可以访问自定义函数，就像访问Excel中的任何本机函数一样，例如SUM() 。 该存储库包含创建新的...
JavaScript事件
赤蓝紫の博客
02-26 363
JavaScript事件 搬运自个人博客：JavaScript事件 注册事件（绑定事件） 给元素添加事件，称为注册事件或者绑定事件。 有传统方式和方法监听方式 传统方式 利用on开头的事件，如onclick, 同一个元素同一个事件只能设置一个处理函数，出现多个处理函数的话，后面的会覆盖前面的。 例子： <script> var btn = document.querySelector("button"); btn.onclick = function () {
JavaScript学习笔记(一)
apologize的学习之路
09-03 681
写在前边的话，有个问题，作为程序猿，应把js学到什么程度？其实只要掌握两方面就好了，一个表单，一个ajax(其实就是要学好DOM)，其它特效什么的不用管。若想弄特效，在网上下来改改即可。 1.js是基于对象和事件驱动，就是必须有事件来激活js。 html怎么调用js语句？若已知test()为js语句 ①button调用 ②href调用 其中javascript:void(0)表示伪协议，
JavaScript函数中的参数类型
第十七签
06-05 1万+
JavaScript是一种弱类型语言，由于声明形参无须定义数据类型，所以导致调用这些函数时可能出现问题。 比如： function changeAge(p){ p.setAge(20); }由于，javascript不需要声明参数类型，所以调用函数时，传入的参数p完全可以是整型变量或者是布尔型变量，这些类型的数据都没有setAge（）方法，但程序强制调用该方法，肯定会导致程序出现错误，
js 如何在有默认参数的方法中，增加传入自定义参数
这是个问题
12-15 2243
例如websocket，需要调用5个链接，但是所有的处理都一样，写5套一样的函数可太难受了 （最后一段是解决方案，着急的直接看最后） new socket = new Websocket() socket.onopen = openSocket new socket2 = new Websocket() socket2.onopen = openSocket 常规接收方式： //调用 socket.onmessage = onMesage; socket2.onmessage = onMesage2;
js之事件传额外的参数
adsadadaddadasda的博客
04-22 1418
利用arguments[...]来存储事件传过来的参数，后面继续跟着自己的参数即可
vue快速入门（五十）重定向
最新发布
不起眼小菜菜的博客
05-03 327
注释很详细，直接上代码……
Babel 原理浅析
qq_39454432的博客
04-29 811
Babel 原理浅析
Vue对象中可以使用什么属性来编写自定义函数
06-10
在Vue对象中，可以使用methods属性来编写自定义函数。methods属性是一个包含各种方法的对象，它的方法可以在Vue实例中使用。例如： ```javascript new Vue({ el: '#app', data: { message: 'Hello Vue.js!' }, methods: { reverseMessage: function () { this.message = this.message.split('').reverse().join('') } } }) ``` 在上面的例子中，我们定义了一个名为reverseMessage的自定义函数，并将其添加到methods属性中。这个函数可以在Vue实例中使用，例如： ```html <div id="app"> <p>{{ message }}</p> <button v-on:click="reverseMessage">Reverse Message</button> </div> ``` 当我们点击按钮时，reverseMessage函数将被调用来反转message中的文本内容。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值