onload="this."

this指 onload所在对象
比如 <img onload="this.
这里的 this就是指 img这个元素本身, this.src就是img的src

this是指当前对象的别名，完全可以用document.getElementById("当前对象ID号");来得到当前对象，但为什么还用this呢？因为在程序代码中当前对象的引用会很经常，为了书写简洁和简单起见，所以引用了this作为别名，这在很多语言中都存在。有分不。:)

同意3楼的，this是指调用该方法所在的对象

onload加载时执行的函数,this指所在对象.如
onload="if(this.width>'660')this.width='660';"

JavaScript中this关键字使用方法详解
    在面向对象编程语言中，对于this关键字我们是非常熟悉的。比如C++、C#和Java等都提供了这个关键字，虽然在开始学习的时候觉得比较难，但只要理解了，用起来是非常方便和意义确定的。JavaScript也提供了这个this关键字，不过用起来就比经典OO语言中要"混乱"的多了。    下面就来看看，在JavaScript中各种this的使用方法有什么混乱之处？    1、在HTML元素事件属性中inline方式使用this关键字：  <div onclick="
// 可以在里面使用this ">division element</div>    我们一般比较常用的方法是在此使用：javascirpt: EventHandler(this)，这样的形式。不过这里其实可以写任何合法的JavaScript语句，要是高兴在此定义个类也可以(不过将会是个内部类)。这里的原理是脚本引擎生成了一个div实例对象的匿名成员方法，而onclick指向这个方法。    2、用DOM方式在事件处理函数中使用this关键字： <div id="elmtDiv">division element</div>
<script language="javascript">
var div = document.getElementById('elmtDiv');
div.attachEvent('onclick', EventHandler); function EventHandler()
{
    // 在此使用this
}
</script>    这时的EventHandler()方法中的this关键字，指示的对象是IE的window对象。这是因为EventHandler只是一个普通的函数，对于attachEvent后，脚本引擎对它的调用和div对象本身没有任何的关系。同时你可以再看看EventHandler的caller属性，它是等于null的。如果我们要在这个方法中获得div对象引用，应该使用：this.event.srcElement。    3、用DHTML方式在事件处理函数中使用this关键字： <div id="elmtDiv">division element</div>
<script language="javascript">
var div = document.getElementById('elmtDiv');
div.onclick = function()
{
    // 在此使用this
};
</script>    这里的this关键字指示的内容是div元素对象实例，在脚本中使用DHTML方式直接为div.onclick赋值一个EventHandler的方法，等于为div对象实例添加一个成员方法。这种方式和第一种方法的区别是，第一种方法是使用HTML方式，而这里是DHTML方式，后者脚本解析引擎不会再生成匿名方法。    4、类定义中使用this关键字：  function JSClass()
  {
      var myName = 'jsclass';
      this.m_Name = 'JSClass';
  }  JSClass.prototype.ToString = function()
  {
      alert(myName + ', ' + this.m_Name);
  };  var jc = new JSClass();
  jc.ToString();    这是JavaScript模拟类定义中对this的使用，这个和其它的OO语言中的情况非常的相识。但是这里要求成员属性和方法必须使用this关键字来引用，运行上面的程序会被告知myName未定义。    5、为脚本引擎内部对象添加原形方法中的this关键字：  Function.prototype.GetName = function()
  {
      var fnName = this.toString();
      fnName = fnName.substr(0, fnName.indexOf('('));
      fnName = fnName.replace(/^function/, '');
      return fnName.replace(/(^\s+)|(\s+$)/g, '');
  }
  function foo(){}
  alert(foo.GetName());        这里的this指代的是被添加原形的类的实例，和4中类定义有些相似，没有什么太特别的地方。    6、结合2&4，说一个比较迷惑的this关键字使用：  function JSClass()
  {
      this.m_Text = 'division element';
      this.m_Element = document.createElement('DIV');
      this.m_Element.innerHTML = this.m_Text;

      this.m_Element.attachEvent('onclick', this.ToString);
  }

  JSClass.prototype.Render = function()
  {
      document.body.appendChild(this.m_Element);
  }       JSClass.prototype.ToString = function()
  {
      alert(this.m_Text);
  };  var jc = new JSClass();
  jc.Render();
  jc.ToString();    我就说说结果，页面运行后会显示："division element"，确定后点击文字"division element"，将会显示："undefined"。    7、CSS的expression表达式中使用this关键字：  <table width="100" height="100">
      <tr>
          <td>
              <div style="width: expression(this.parentElement.width);
                    height: expression(this.parentElement.height);">
                  division element</div>
          </td>
      </tr>
  </table>    这里的this看作和1中的一样就可以了，它也是指代div元素对象实例本身。    8、函数中的内部函数中使用this关键字：  function OuterFoo()
  {
      this.Name = 'Outer Name';

      function InnerFoo()
      {
          var Name = 'Inner Name';
          alert(Name + ', ' + this.Name);
      }
      return InnerFoo;
  }
  OuterFoo()();    运行结果显示是："Inner Name, Outer Name"。按我们在2中的讲解，这里的结果如果是"Inner Name, undefined"似乎更合理些吧？但是正确的结果确实是前者，这是由于JavaScript变量作用域的问题决定的，详细了解推荐参看"原来JScript中的关键字'var'还是有文章的"一文及回复。    说了这么多JavaScript中this的用法，其实this最根本的特性还是和OO语言中的定义相吻合的。之所以有这么多看似混乱的使用方式，是因为JavaScript语言(解释器和语言本身的内容)本身在实现上是遵循OO的(Object-based)，连它的所有数据类型都是对象，也有Object这样一个super Object。但是这个语言在运行上(runtime)，就没有遵循完备的OO特点，所以就出现了this的指代混乱。

[转] Javascript中this用法小结
1. 概述
this是面向对象语言中的一个重要概念，在JAVA,C#等大型语言中，this固定指向运行时的当前对象。但是在javascript中，由于 javascript的动态性（解释执行，当然也有简单的预编译过程），this的指向在运行时才确定。这个特性在给我们带来迷惑的同时也带来了编程上的自由和灵活，结合apply(call)方法，可以使JS变得异常强大。 2.变化的this
在JavaScript中，this通常指向的是我们正在执行的函数本身，或者是指向该函数所属的对象（运行时）。当我们在页面中定义了函数 doSomething()的时候，它的owner是页面，或者是JavaScript中的window对象（或 global对象）。对于一个onclick属性，它为它所属的HTML元素所拥有，this应该指向该HTML元素。 2.1在几种常见场景中this的变化函数示例
function doSomething ()
{
alert(this.navigator); //appCodeName
this.value = "I am from the Object constructor";
this.style.backgroundColor = "# 000000";
}
1. (A)作为普通函数直接调用时，this指向window对象. 2. (B)作为控件事件触发时 1） inline event registration 内联事件注册 .将事件直接写在HTML代码中(<element onclick=”doSomething()”>), 此时this指向 window对象。 2） Traditional event registration 传统事件注册（DHTML方式）.
形如 element.onclick = doSomething; 此时this指向 element对象 3） <element onclick=”doSomething(this)”>作为参数传递可以指向element 3. (C)作为对象使用时this指向当前对象。形如：new doSomething();
4. (D)使用apply 或者call方法时，this指向所传递的对象。形如：var obj={}; doSomething.apply(obj,new Array(”nothing”); //thisobj
2.2 this 指向分析 1 A场景。
直接调用的情况下，doSomething的运行时拥有者是window对象，因此this指向window
图示：

图1：A场景 2 B场景。
1）Traditional Event Registration
当我们要让函数中的this指向当前HTMLELEMENT时，可这样写
element.onclick = doSomething;
doSomething的引用(地址)赋给了element的onclick属性(这样就成为了函数)。此时
doSomething运行时拥有者(owner)就变成了element,this便指向了element。图示：图2: B场景 Traditional Event Registration 进行批量添加事件时，this均可正确指向。图示：图3：多次Traditonal Event Registration 2) Inline Event Registration
形如 <element onclick=”doSomething()”>
图示: 图4：B场景 Inline Event Registration 这两种注册方式的区别是
element.onclick = doSomething;
alert(element.onclick)
可以得到
function doSomething() {
alert(this.navigator); //appCodeName
this.value = "I am from the Object constructor";
this.style.backgroundColor = "# 000000";
}
可以看到this关键字被展现在onclick函数中，它指向HTML元素。如果执行
<element onclick="doSomething()">
al ert(element.onclick) 可以得到 :
function onclick(){
doSomething();
} 这仅仅是对doSomething()函数的一次调用,而doShomething的拥有者是window,因此 doSomething内的this指向window对象（啰嗦哦…….）. 3 . C场景
具体内部细节不太了解,不知道是否可以这样理解
new doSomething(…..)
约等同于
var tempObj = {}; doSomething.apply(obj,new Array());
这样tempObj 可以得到doSomething内所定义的属性和方法,但是对于 doSomething.prototype上的属性方法无法得到-_-!! 4 D场景
不懂….. 完了
不专业，比较浅显，想不出几个专有名词，郁闷~ PS 1：好多内容是copy的(*_*!)，对图中表达有点疑意。图上多次写出 copy of function ，按照字面理解是函数对象的拷贝，我认为实际上是一个引用拷贝，对象拷贝是不可能的，如果是这样的话，每次添加事件都会拷贝一次对象，这显然不妥。 PS 2: 因为this指向在运行时才确定，我们经常碰到一个问题，当给一个DOM对象添加事件后，我们希望this指向一个指定对象，而非DOM对象本身，如下例。
<input type="button" id='btn' />
<script language="javascript">function btnObj(id)
{
this.disabled = true;
this.btn=document.getElementById(id);
/*
this.btn.onclick = btnOnclick ;
假如我们这样写，this会指向DOM对象，btnOnclick执行过程会报错
因为DOM btn并没有一个btn属性
*/
//通过这种方式可以解决这个问题[有些情况也可用tempThis = this这种形式]
this.btn.onclick = passHandler(this,btnOnclick);}function btnOnclick()
{ //如果this是DOM对象，这里就会报错，因为没有btn属性
this.btn.disabled = this.disabled;
} function passHandler(obj,fun,arg)
{
return function(){
//if(!arg) {var arg = [];}
return fun.apply(obj,(arg?arg:[]));
}
} new btnObj(”btn”);
</script>

在HTML里元素的onload="this.
是指当前HTML元素的onload事件处理。
在这里写this是指该HTML元素本身的DOM对象。

this在一个控件里面就是指控件在页面上就是指
页面本身的文档

可以直接在Google中搜索 “js this”学习更多 js 中 this 的用法

解决方案 »