`
退役的龙弟弟
  • 浏览: 451825 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

js传递this

 
阅读更多

1、html代码:

<input type="button" onclick="testThis(this,111);" id="thistest" value="this测试">

 

2、两种传递this的方式:

(1)onclick调用方法

//obj即为this
//param为传递的参数
function testThis(obj,parm){
		var value = $(obj).val();
		alert("value = " + value + "         param=" + parm);
}

 

(2)使用().click(function(){}),这样可以直接使用this

$(function(){
		$("#thistest").click(function () {
			alert($(this).val());
		}); 
});

 

分享到:
评论

相关推荐

    javascript中onclick(this)用法介绍

    总结来说,在javascript中,onclick(this)的用法主要是将当前被点击的元素作为上下文对象传递给事件处理函数。在事件处理函数内部,我们可以访问到这个对象的所有属性和方法,从而实现对事件的处理和响应。通过这种...

    Javascript的this用法

    通过传递不同的对象作为第一个参数给`.call()`或`.apply()`方法,可以控制`this`的指向。 ##### 6. 箭头函数中的`this`行为 箭头函数不绑定自己的`this`值,而是继承自外围函数或者全局作用域。这意味着箭头函数中...

    Javascript中神奇的this

    在没有特定上下文的情况下,如全局环境中直接调用函数,`this`会默认绑定到全局对象(浏览器环境下是`window`,Node.js中是`global`)。在严格模式下,`this`会绑定到`undefined`。 ```javascript function fn() { ...

    JavaScript中this的使用

    - **全局或函数外部**:在全局作用域中,`this`指向`window`对象(在浏览器环境中)或全局对象(在Node.js中)。 - **对象方法**:当函数作为对象的一个方法被调用时,`this`指向调用该方法的对象。 - **构造函数...

    浅谈JavaScript 函数参数传递到底是值传递还是引用传递

    JavaScript中的函数参数传递机制一直以来都是开发者讨论的热点。在传统观念中,JavaScript的参数传递常被误解为引用传递,即类似C++或C中的指针传递。然而,JavaScript的实现其实更为复杂,它包含了值传递和引用传递...

    JavaScript this使用方法图解

    在JavaScript中,`this`关键字是一个非常重要的概念,它用于引用当前上下文中的对象。`this`的值在运行时确定,并且根据函数被调用的方式而改变。下面我们将深入探讨`this`的使用方法。 1. **全局作用域与浏览器...

    关于js里的this关键字的理解

    由于JavaScript的函数是一等公民,可以作为变量传递、作为对象的属性,也可以被其它函数作为参数传递,因此`this`的指向是动态变化的,这也是它与许多其他面向对象编程语言中的`this`用法最显著的区别。 首先,`...

    【JavaScript源代码】JavaScript函数this指向问题详解.docx

    JavaScript中的`this`关键字是一个非常重要的概念,它在不同的上下文中具有不同的指向。理解`this`的指向对于编写高效和可维护的JavaScript代码至关重要。在本文中,我们将深入探讨`this`在各种函数调用场景下的行为...

    详细讲解JavaScript中的this绑定

    JavaScript中的`this`绑定是一个关键概念,涉及到函数调用、对象方法、构造函数等多个场景。`this`在JavaScript中并不像其他语言中的`this`那样简单地指向对象本身,而是根据函数调用的方式动态确定其指向。理解`...

    JavaScript中this指向.docx

    ### JavaScript中this指向详解 #### 一、引言 在JavaScript编程中,`this`关键字的使用及其指向问题一直是困扰很多开发者的难点之一。不同于传统面向对象编程语言如Java或C#中的`this`概念,JavaScript中的`this`...

    A标签中通过href和onclick传递的this对象实现思路

    当涉及到在`&lt;a&gt;`标签上同时使用`href`属性和`onclick`事件时,`this`对象的行为可能会变得复杂,特别是在想要传递当前元素引用给一个处理函数时。本文将详细解释这个问题,并提供解决思路。 首先,`this`关键字在...

    javascript自定义函数参数传递为字符串格式.docx

    ### JavaScript自定义函数参数传递为字符串格式 在JavaScript编程中,函数是程序的基本构建块之一,用于封装一段可重复使用的代码逻辑。对于函数而言,参数的传递是非常重要的一个环节,它直接影响到函数内部如何...

    详解JavaScript中this关键字的用法_.docx

    在JavaScript中,`this`关键字是一个非常重要的概念,它指的是当前执行上下文中的对象。`this`的值取决于函数的调用方式,而不是定义方式。下面我们将详细探讨在不同场景下`this`的用法。 1. **全局作用域中调用...

    详解JS中定时器setInterval和setTImeout的this指向问题

    在这里,我们把`this`(即`Obj`实例)传递给`bind`,确保在`setTimeout`回调中`this`指向正确。 总结一下,`setInterval`和`setTimeout`中的`this`问题可以通过保存`this`的引用或者使用`bind`方法来解决。理解这...

    JavaScript程序设计-javascript中的this.pdf

    JavaScript中的`this`关键字是一个非常重要的概念,它在不同上下文中具有不同的指向,这使得`this`成为JavaScript灵活但有时也复杂的一部分。`this`的动态绑定特性在编写JavaScript代码时需要特别注意,因为它会影响...

    javascript 中关于 this 的用法.zip

    第一个参数是新的this值,后面是传递给函数的参数。例如: ```javascript function foo(a, b) { console.log(this, a, b); } var obj = { name: 'John' }; foo.call(obj, 1, 2); // 输出 `{ name: 'John' } 1 ...

    JavaScript高级-this绑定规则+箭头函数

    - 如果在`new`绑定中尝试使用`apply()`或`call()`,`this`仍然会指向新创建的对象,而不是传递的参数。 - 箭头函数不遵循以上`this`绑定规则,它没有自己的`this`,而是继承自父作用域的`this`值。这意味着箭头函数...

    C#在WinForm中使用WebKit传递js对象实现与网页交互的方法

    在C#中开发WinForm应用程序时,有时需要与嵌入的网页进行交互,例如传递JavaScript对象或调用JavaScript函数。本篇文章将详细讲解如何在WinForm中使用WebKit控件实现这一功能,特别是在处理IE兼容性问题时的替代方案...

    javascript运行机制之this详细介绍.docx

    ### JavaScript 运行机制之 `this` 详细介绍 在 JavaScript 中,`this` 是一个非常重要的关键字,它在不同的上下文中会有不同的含义。理解和掌握 `this` 的使用对于编写健壮且优雅的代码至关重要。与 Java、C# 等...

Global site tag (gtag.js) - Google Analytics