javascript中this做事件参数相关问题解答
注:this只是在onclick事件中指代所触发事件的dom对象,在src属性中不行。如<a src='函数(this);'></a>是不行的。
相关推荐
-
JavaScript中this关键词的使用技巧、工作原理以及注意事项
要根据this 所在的位置来理解它,情况大概可以分为3种: 1.在函数中:this 通常是一个隐含的参数. 2.在函数外(顶级作用域中):在浏览器中this 指的是全局对象:在Node.js中指的是模块(module)的导出(exports). 3.传递到eval()中的字符串:如果eval()是被直接调用的,this 指的是当前对象:如果eval()是被间接调用的,this 就是指全局对象. 对这几个分类,我们做了相应的测试: 1.在函数中的this 函数基本可以代表JS中所有可被调用的结构,
-
javascript中的self和this用法小结
一. 起因 那天用到prototype.js于是打开看看,才看几行就满头雾水,原因是对js的面向对象不是很熟悉,于是百度+google了一把,最后终于算小有收获,写此纪念一下^_^. prototype.js代码片段 代码如下:var Class = { create: function() { return function() { this.initialize.apply(this , arguments); } }
-
5分钟理解JavaScript中this用法分享
前言关于JavaScript中this的用法网络中已经有较多比较详尽的介绍,可以参考本文的参考学习资料和网络.本文结合网络收集整理,尝试以一种简易的方式阐述JavaScript中this的用法,希望对大家关于JavaScript中this用法的快速理解有所帮助.正文1. this用法实例 复制代码 代码如下: window.color = "red"; var o = { color: "blue" }; function sayColor(){ alert
-
javaScript中的this示例学习详解及工作原理
this的工作原理 如果一个函数被作为一个对象的方法调用,那么this将被指派为这个对象. 复制代码 代码如下: var parent = { method: function () { console.log(this); }}; parent.method();// <- parent 注意这种行为非常"脆弱",如果你获取一个方法的引用并且调用,那么this的值不会是parent了,而是window全局对象.这让大多数开发者迷惑. 复制代码 代码如下
-
javascript中onclick(this)用法介绍
this指触发事件的对象 复制代码 代码如下: <input id="myinput" type="text" value="javascript中onclick中的this" onclick="javascript:test(this);"/> 复制代码 代码如下: function test(obj){ alert(obj); //[object HTMLInputElement] alert(obj.id);
-
JavaScript中的this关键字介绍与使用实例
当创建一个类的时候,如果希望下面new出来的每个类都拥有一些通用的变量或者其他的函数,这个this关键字这是最好的方式. 当然,既然是面向对象的语言,必然存在访问权限的问题,这里也和this关键字息息相关.下面我们来演示一个例子来说明一下这个类的访问权限的问题. 复制代码 代码如下: //Person类 function Person(){ var name="abc";//var声明的都是类内部的私有变量,外部无法访问 var age = 20; this.
-
Javascript之this关键字深入解析
首先,我先抛出一个定论:"在Javascript中,This关键字永远都指向函数(方法)的所有者". 函数 复制代码 代码如下: function introduce() { alert("Hello, I am Laruence\r\n");} 对于这个函数,this关键字指向谁呢? 如我之前的文章所述(Javascript作用域),定义在全局的函数,函数的所有者就是当前页面,也就是window对象. 这也就是为什么,我把函数用引号引起来,因为定义在全局的
-
JavaScript四种调用模式和this示例介绍
JavaScript调用时除了声明时定义的形参外,每个函数接受两个附加参数:this 和arguments,this在面向对象编程中非常重要,它取决于调用模式. JavaScript有四种调用模式,方法调用模式,函数调用模式,构造器调用模式和apply调用模式.这些模式在初始化关键参数this上存在差异. 方法调用模式:当一个函数被保存为对象的一个属性时,我们称它为一个方法,当一个方法被调用时,this被绑定到该对象上.如果调用表达式包含一个属性取表达式(即一个.点表达式或[script]下标表
-
JavaScript中几个重要的属性(this、constructor、prototype)介绍
this this表示当前对象,如果在全局作用范围内使用this,则指代当前页面对象window: 如果在函数中使用this,则this指代什么是根据运行时此函数在什么对象上被调用. 我们还可以使用apply和call两个全局方法来改变函数中this的具体指向. 先看一个在全局作用范围内使用this的例子: 复制代码 代码如下: <script type=> console.log( === window); console.log(window.alert === .alert); cons
-
你必须知道的Javascript知识点之"this指针"的应用
很多人都知道this指针,这篇文章的主要目的是为了培训我们公司的新人.默认的this指针指向规则1this指针默认指向方法调用时为其指定的对象,如:obj.fun(),fun方法体中的this指针指向obj. 复制代码 代码如下: var user = { name: '段光伟' };user.getName = function(){ return this.name; };user.getName(); //返回'段光伟' 复制代码 代码如下: var user = { name: '段光
-
JavaScript中this的使用详解
我们要记住一句话:this永远指向函数运行时所在的对象!而不是函数被创建时所在的对象.切记-本文将分三种情况来分析this对象到底身处何方.普通函数中的this无论this身处何处,第一要务就是要找到函数运行时的位置. 复制代码 代码如下: 1 var name="全局";2 function getName(){3 var name="局部";4 return this.name;5 };6 alert(getName()); 当this出现在全局
-
javascript运行机制之this详细介绍
this是面向对象语言中一个重要的关键字,理解并掌握该关键字的使用对于我们代码的健壮性及优美性至关重要.而javascript的this又有区别于Java.C#等纯面向对象的语言,这使得this更加扑朔迷离,让人迷惑. this使用到的情况:1. 纯函数2. 对象方法调用3. 使用new调用构造函数4. 内部函数5. 使用call / apply 6.事件绑定 1. 纯函数 复制代码 代码如下: var name = 'this is window'; //定义window的name属性 f
-
Javascript浅谈之this
介绍this在各种对面对象编程中起着非常重要的作用,主要用于指向调用的对象.不过在JavaScript中,this的表现存在很大差异,特别是不同执行上下文. 由前文我们知道this也是属于执行上下文中的一个属性,所有它命中注定和执行上下文脱不了干系. 复制代码 代码如下: activeExecutionContext = {VO: {...},this: thisValue}; 在Javascript中,this的取值取决于调用的模式.调用模式一共有四种:方法调用模式.函数调用模式.构造器调用模
随机推荐
- Lua table简明总结
- PHP AjaxForm提交图片上传并显示图片源码
- 解决Android从相册中获取图片出错图片却无法裁剪问题的方法
- PHP的mysqli_query参数MYSQLI_STORE_RESULT和MYSQLI_USE_RESULT的区别
- Android NavigationBar问题处理的方法
- 解析smarty模板中类似for的功能实现
- jquery移除button的inline onclick事件(已测试及兼容浏览器)
- php与XML、XSLT、Mysql的结合运用实现代码
- PowerShell Contains函数查找字符串实例
- jQuery插件简单学习实例教程
- JavaScript返回网页中锚点数目的方法
- Linux与Windows XP之间使用FTP互传文件
- Java实现Map集合二级联动示例
- 解析VS2010利用VS.PHP插件调试PHP的方法
- Android程序开发如何处理图像格式类及图像转换
- shiro无状态web集成的示例代码
- PHP SEO优化之URL优化方法
- 解析abstract与override究竟可不可以同时使用
- vue中axios解决跨域问题和拦截器的使用方法
- 易语言取随机文本的实例教学