javascript中用this做事件参数问题

最新推荐文章于 2024-11-22 22:15:44 发布
最新推荐文章于 2024-11-22 22:15:44 发布 · 196 阅读 · 0
文章标签：

#javascript #ViewUI

本文解析了JavaScript中事件处理函数内的this关键字指向问题，并通过实例说明了在不同情况下this的具体表现，强调了在HTML标签的src属性中使用this的限制。

注：this只是在onclick事件中指代所触发事件的dom对象，在src属性中不行。如<a src='函数(this);'></a>是不行的。

iteye_3829
关注
JS Fragments 全面解析：在 SAP UI5 中用 JavaScript 复用轻量 UI 片段
2007 年 ~ 2025 年，深耕 SAP 技术 18 年
09-18 115
摘要：SAP UI5中的JS Fragment是一种轻量级可复用UI组件，仅包含界面定义而无独立控制器。它通过createContent方法返回根控件，事件处理依赖调用方传入的控制器。现代开发推荐使用异步loadFragment方法实例化，替代已弃用的同步API。JS Fragment文件建议采用.fragment.js后缀，命名规范与XML Fragment保持一致。典型应用场景包括创建可嵌入视图的UI片段，通过约定式依赖实现与控制器的事件绑定。文章提供了完整示例展示如何定义JS Fragment并在控制
JavaScript高级——ES6基础入门
z16638522031的博客
10-12 1160
前言ES6（ECMAScript 6），也被称为ES2015，是JavaScript的第六个版本.它于2015年发布，并在现代JavaScript开发中扮演了重要的角色.学习方法:看千遍，不如自己动手写一遍遇到问题不要怕，微笑着面对它记笔记let 和 constconst和let是在ES6中引入的两个新的变量声明关键字，用于声明变量的作用域。const：const用于声明一个常量，其值在声明后不能被修改。常量必须在声明时进行初始化，而且不能再次赋值。
探究绑定事件的this指向以及event传参的小问题
weixin_30750335的博客
07-10 214
this指向 直接上代码，凑合着看 <input type="button" onclick="page()" value="点我"></input> <input type="button" value="点我2号" id="btn"/> <input type="button" value="点我3号" id="btn2"/> &lt...
关于js的参数和this.参数
qq_20834787的博客
04-15 1051
this.num指的是当前调用者的this的num参数num 指的是当前传入的参数；
HTML this 参数在JS中的使用方法
qq_39429962的博客
09-27 7756
在前端页面中，当我们需要为当前标签绑定某个事件时，一般的思路是给其绑定一个独一无二的id，但是当我们们的代码量比较大的时候，id命名就会变得很困难，而且对于每一个元素都要写一个js事件，这是代码重复就会产生，this指针的出现解决了这一现象，他会自动给js函数绑定当前标签，下边是一个实例： 实现鼠标放到div块上颜色改变： &lt;html&gt; &lt;head&gt; &lt;/h...
JS中this和对象作为函数参数的区别
一个博客
07-05 2701
一个简单的例子 要求： 1、一个列表有一些简单的包含文字的行 2、鼠标移到某一行上时背景色改为色值为 #f2f2f2，移开鼠标时则恢复为原背景色 #fff 3、点击添加按钮，能动态在最后添加一行 提示 - 获取表格的行，getElementsByTagName 。 - 使用for进行循环，为每行添加事件及背景颜色设置 <script type="text/javascr
Jsp中this作为JS方法参数问题
chenyiya的专栏
12-06 3836
JSP: JS: function userchange(obj){ alert(obj.val()); }; $(this)将input元素信息作为jquery对象传递给js方法 当然，要导入jquery
JavaScript中用let语句声明作用域的用法讲解
11-22
参数 variable1 要声明的变量的名称。 value1 赋给变量的初始值。 备注 使用 let 语句声明一个变量，该变量的范围限于声明它的块中。 可以在声明变量时为变量赋值，也可以稍后在脚本中给变量赋值。  使用 let 声明...
用JavaScript 处理事件 （一）事件的绑定
最新发布
2402_84051608的博客
11-22 788
用JavaScript 处理事件 （一）事件的绑定
JavaScript中的闭包与高阶函数详解
柯晓楠
08-06 1021
当函数可以记住并访问所在的词法作用域时，就产生了闭包，即使函数是在当前词法作用域之外执行。var a = 2return barbaz() // 输出: 2foo 函数传递出了一个函数 bar，传递出来的 bar 被赋值给 baz 并调用，虽然这时 baz 是在 foo 作用域外执行的，但 baz 在调用的时候可以访问到前面的 bar 函数所在的 foo 的内部作用域。
JavaScript中this参数
yangyang的专栏
06-06 2230
this参数的指向不仅是由定义函数的方式和位置决定的，同时还严重受到函数调用方式的影响。我们接下来讨论不同调用方式对this的影响。 1.作为一个函数调用 在非严格模式下，this是全局上下文（window对象） 在严格模式下，this是undefined 2.作为方法调用 当函数作为某个对象的方法被调用时，该对象会成为函数的上下文，并且在函数内部可以通过参数访问到 3.作为构造函数调用 新的空对...
java this作为参数_把js的this当作函数参数来使用
weixin_36458030的博客
02-20 811
在刚接触JS时(尤其是JAVA背景)，this的指向问题通常会让人很头痛。然后老司机就会总结一些模式和经验，让新人按照这么写就好。本文尝试更加全面阐述this的原理和使用方法。这里先提出this的使用建议:要区分function的声明和调用，this在声明期间是无法确定this的指向，this是由function调用方式决定得。把this作为函数的一个特殊parameter使用会更加严谨点，避免套...
JS函数里的this的含义，什么情况下怎么用
splendid_can的博客
11-26 1万+
this是Javascript语言的一个关键字。它代表函数运行时，自动生成的一个内部对象，只能在函数内部使用。随着函数使用场合的不同，this的值会发生变化。但是有一个总的原则，那就是this指的是，调用函数的那个对象。     情况一：纯粹的函数调用     这是函数的最通常用法，属于全局性调用，因此this就代表全局对象Global。     　　function test(){
JS中this参数
qq_52489704的博客
04-07 1186
JS中this参数 浏览器在调用函数时每次都会向函数内部传递一个隐含的参数， 这个隐含的参数就是this参数，this指向的是一个对象， 这个对象我们称为函数执行的上下文对象， 根据这个函数的调用方式不同，this会指向不同的对象:   1.以函数的方式调用时，this指向的是window的对象；   2、以方法的方式调用时，this指向的是调用方法的对象 function fun(){ console.log(this); } var obj={ name:"张三", sayName=fun } c
js onclick事件传this的一点经验
热门推荐
felixleezc的专栏
12-11 4万+
所有地区 function changeArea(obj){ } 这里obj为类型为a的标签对象,并且鼠标指向这个a时为手型   所有地区 function changeArea(obj){     alert($(obj).attr("title"));//(1)} 这里obj不知道是什么,(1)报错。 所有地区 f
js实验4.(3)DOM元素操作
I feel lost
04-16 1590
3、DOM用正文为空的dom.html，通过javascript的DOM操作，实现以下html网页(jys.html)：  实现的javascript代码如下： DOM p {font-size:20px} var h1 = document.createElement('h1');//一个节点h1 var title=document.createTextNode("静
js 把函数作为参数传递给另一个方法
jidetashuo的博客
12-22 3万+
正常传方法不带参数的不做讨论了，看一下方法带参数的 例如： $(function(){ test1(test3('22')); }) function test1(Func) { //Func(value) } function test3(data) { alert(data); } 上述代码执行后会直接弹出‘22’，因
JavaScript基础与实践：this运算符与void运算符解析
7. 创建函数：在JavaScript中定义一个名为`f`的函数，接受参数`x`并返回`x`的平方，正确的语法是`function f(x) { return x * x; }`。 这些题目覆盖了JavaScript的基础概念，包括变量、函数、事件处理、DOM操作以及...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值