调用类实例方法 onclick javascript

2024-05-16

我有一个 javascript 文件,其中包含包含方法函数的类。我想知道如何从 onClick 事件调用类实例方法。

function MyClass()
{
    this.instanceData = "Display Me";

    this.DisplayData = function()
    {
        document.write(this.instanceData);
    }
}

var classInstance = new MyClass();

我如何从 onClick 事件调用 classInstance 上的 DisplayData 函数。例如:

<button onClick="classInstance.DisplayData()">Click Me!</button>

这不起作用,但可以帮助我澄清我想要做什么。有什么建议么?


http://jsfiddle.net/EyMCQ/1/ http://jsfiddle.net/EyMCQ/1/

正如您所注意到的,这不起作用,因为您声明的 var 保留在执行块的范围内。如果你删除 var,它就会起作用,因为classInstance现在已经在全球范围内。

function MyClass() {
    this.instanceData = "Display Me";

    this.DisplayData = function() {
        alert(this.instanceData);
    }
}

classInstance = new MyClass();​

并这样称呼它:

<button onClick="classInstance.DisplayData.call(classInstance)">Click Me!</button>​

http://jsfiddle.net/EyMCQ/2/ http://jsfiddle.net/EyMCQ/2/

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

调用类实例方法 onclick javascript 的相关文章

随机推荐