javascript中this做事件参数相关问题解答
注:this只是在onclick事件中指代所触发事件的dom对象,在src属性中不行。如<a src='函数(this);'></a>是不行的。
相关推荐
-
Javascript之this关键字深入解析
首先,我先抛出一个定论:"在Javascript中,This关键字永远都指向函数(方法)的所有者". 函数 复制代码 代码如下: function introduce() { alert("Hello, I am Laruence\r\n");} 对于这个函数,this关键字指向谁呢? 如我之前的文章所述(Javascript作用域),定义在全局的函数,函数的所有者就是当前页面,也就是window对象. 这也就是为什么,我把函数用引号引起来,因为定义在全局的
-
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 所在的位置来理解它,情况大概可以分为3种: 1.在函数中:this 通常是一个隐含的参数. 2.在函数外(顶级作用域中):在浏览器中this 指的是全局对象:在Node.js中指的是模块(module)的导出(exports). 3.传递到eval()中的字符串:如果eval()是被直接调用的,this 指的是当前对象:如果eval()是被间接调用的,this 就是指全局对象. 对这几个分类,我们做了相应的测试: 1.在函数中的this 函数基本可以代表JS中所有可被调用的结构,
-
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指针指向规则1this指针默认指向方法调用时为其指定的对象,如:obj.fun(),fun方法体中的this指针指向obj. 复制代码 代码如下: var user = { name: '段光伟' };user.getName = function(){ return this.name; };user.getName(); //返回'段光伟' 复制代码 代码如下: var user = { name: '段光
-
Javascript浅谈之this
介绍this在各种对面对象编程中起着非常重要的作用,主要用于指向调用的对象.不过在JavaScript中,this的表现存在很大差异,特别是不同执行上下文. 由前文我们知道this也是属于执行上下文中的一个属性,所有它命中注定和执行上下文脱不了干系. 复制代码 代码如下: activeExecutionContext = {VO: {...},this: thisValue}; 在Javascript中,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中的self和this用法小结
一. 起因 那天用到prototype.js于是打开看看,才看几行就满头雾水,原因是对js的面向对象不是很熟悉,于是百度+google了一把,最后终于算小有收获,写此纪念一下^_^. prototype.js代码片段 代码如下:var Class = { create: function() { return function() { this.initialize.apply(this , arguments); } }
-
JavaScript中的this关键字介绍与使用实例
当创建一个类的时候,如果希望下面new出来的每个类都拥有一些通用的变量或者其他的函数,这个this关键字这是最好的方式. 当然,既然是面向对象的语言,必然存在访问权限的问题,这里也和this关键字息息相关.下面我们来演示一个例子来说明一下这个类的访问权限的问题. 复制代码 代码如下: //Person类 function Person(){ var name="abc";//var声明的都是类内部的私有变量,外部无法访问 var age = 20; this.
-
JavaScript四种调用模式和this示例介绍
JavaScript调用时除了声明时定义的形参外,每个函数接受两个附加参数:this 和arguments,this在面向对象编程中非常重要,它取决于调用模式. JavaScript有四种调用模式,方法调用模式,函数调用模式,构造器调用模式和apply调用模式.这些模式在初始化关键参数this上存在差异. 方法调用模式:当一个函数被保存为对象的一个属性时,我们称它为一个方法,当一个方法被调用时,this被绑定到该对象上.如果调用表达式包含一个属性取表达式(即一个.点表达式或[script]下标表
-
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的使用详解
我们要记住一句话:this永远指向函数运行时所在的对象!而不是函数被创建时所在的对象.切记-本文将分三种情况来分析this对象到底身处何方.普通函数中的this无论this身处何处,第一要务就是要找到函数运行时的位置. 复制代码 代码如下: 1 var name="全局";2 function getName(){3 var name="局部";4 return this.name;5 };6 alert(getName()); 当this出现在全局
随机推荐
- php实现的中秋博饼游戏之掷骰子并输出结果功能详解
- IOS UIView的生命周期的实例详解
- 本地连接禁用/启用批处理脚本
- Java实现爬虫给App提供数据(Jsoup 网络爬虫)
- oracle 触发器 实现出入库
- ORACLE数据库事务隔离级别介绍
- 分享50个提高PHP执行效率的技巧
- javascript中如何处理引号编码"
- js无提示关闭浏览器窗口的两种方法分析
- php模拟socket一次连接,多次发送数据的实现代码
- PHP循环获取GET和POST值的代码
- golang的HTTP基本认证机制实例详解
- 用JS实现网页元素阴影效果的研究总结
- java 中List删除实例详解
- jQuery实现提示密码强度的代码
- JavaScript实现一个空中避难的小游戏
- 小规模DDoS用Freebsd+IPFW搞定
- 插入排序的顺序表实现代码
- C#在RichTextBox中显示不同颜色文字的方法
- PHP结合Jquery和ajax实现瀑布流特效