如何复制函数以便我可以使用“this”在 onLoad 函数中。又名 this.onload？

Question

当对象加载时，我希望它在页面上移动。动作并不是难点。我正在使用这段代码（或多或少）。

var x = 5; //Starting Location - left
var y = 5; //Starting Location - top
var dest_x = 300;  //Ending Location - left
var dest_y = 300;  //Ending Location - top
var interval = 10; //Move 10px every initialization

function moveImage() {
    //Keep on moving the image till the target is achieved
    if(x<dest_x) x = x + interval; 
    if(y<dest_y) y = y + interval;

    //Move the image to the new location
    document.getElementById("ufo").style.top  = y+'px';
    document.getElementById("ufo").style.left = x+'px';

    if ((x+interval < dest_x) && (y+interval < dest_y)) {
        //Keep on calling this function every 100 microsecond 
        //  till the target location is reached
        window.setTimeout('moveImage()',100);
    }

问题是我不想通过 ID 获取元素，而是想使用“this”关键字。

我读了这篇相当有用的文章： http://www.quirksmode.org/js/this.html< /a> 并了解到我必须复制该函数，而不是引用它。

他们说执行此操作的语法是 element.onLoad="" 而不是 onload="" 但我仍然不明白为 element 编写什么。

任何建议都会有很大的帮助。 谢谢

Answer 1

编写如下内容：

var image = document.createElement('img');
image.onload = moveImage;
image.src = 'test.jpg';

然后 moveImage() 中的 this 将是您加载的 img