Javascript 对我来说非常不稳定，我似乎无法找到答案。我有一些类似于
的代码var Scheduler = function(divid,startDate,mode){
this.setHeader = function(){
header.innerHTML = '<a href="#" onclick="this.showScheduler(1);">Show</a>';
}
this.showScheduler = function period(){
...
}
};
我的问题是，如何将 onclick 放入 HTML 中，以便它为我正在使用的当前调度程序对象的适当实例正确调用 showScheduler 函数？
【问题讨论】：
标签： javascript object yui
我不会按照你的方式做任何事情，但是按照你的方式使用代码，我会这样做（很多事情和做 :)）：
var Scheduler = function(divid, startDate, mode){
var that = this;
this.setHeader = function(){
header.innerHTML = '<a href="#">Show</a>';
header.firstChild.onclick = function() { that.showScheduler(1); };
}
this.showScheduler = function period(){
...
}
};
【讨论】：
setAttribute 和事件处理程序（您是对的，在所有 IE 中都会失败）。见webbugtrack.blogspot.com/2007/08/…。然而onclick 属性将function 对象作为它的值并且适用于所有浏览器。见
that 不是全局变量。 nickyt 只是使用闭包来捕获Scheduler 的实例。这是一个众所周知的 JavaScript 习惯用法。
您应该为这类事情使用框架。如果您不使用一个，那么您必须将每个 schedular 实例声明为全局对象，并且您需要实例的名称才能从链接中调用它。看下面的链接
http://developer.yahoo.com/yui/examples/event/eventsimple.html
它们只显示正在应用的功能，但您也可以执行类似的操作
YAHOO.util.Event.addListener(myAnchorDom, "click", this.showScheduler,this,true);
其中 myAnchorDom 是锚标记 dom 对象。这将使 showScheduler 函数在您的调度程序对象范围内执行。
【讨论】：
myAnchorElement.onclick = ...。
使用 DOM 方法代替使用 innerHTML。
尝试替换这个：
header.innerHTML = '<a href="#" onclick="this.showScheduler(1);">Show</a>';
用这个：
var x = this; // create a closure reference
var anchor = document.createElement('a');
anchor.href= '#';
anchor.innerHTML = 'Show';
anchor.onclick = function() { x.showScheduler(1); }; //don't use onclick in real life, use some real event binding from a library
header.appendChild(anchor);
解释：
原始代码中的“this”指的是触发事件的元素，即锚点（“this”对于像这样的事情是出了名的问题）。解决方案是在正确的方法（这就是为什么你必须创建类似于上面的 var x 的东西）然后只留下传递参数的问题，这是通过将方法包装在另一个函数中来完成的。
严格来说，最好将事件处理程序与 addEventListener/attachEvent 对绑定（因为直接事件分配排除了将多个处理程序分配给一个事件的能力），但如果您是新手，最好使用 jquery 之类的库来处理还是 JS。
【讨论】：
您可以直接向标头对象添加事件处理程序：
var me = this;
this.setHeader = function(){
header.innerHTML = '<a href="#" onclick="this.showScheduler(1);">Show</a>';
header.addHandler("click", function(e) { me.showScheduler(1); });
}
在传入的函数中，this 将引用标题元素。
【讨论】：
var Scheduler = function(divid, startDate, mode)
{
var xthis = this;
this.setHeader = function()
{
var lnk = document.createElement("a");
lnk.addEventListener("click", xthis.showScheduler, false);
lnk.innerText = "Show";
lnk.setAttribute('href', "#");
header.appendChild(lnk);
}
this.showScheduler = function period(){
...
}
};
【讨论】：
lnk.addEventListener 不能在 IE 中工作，而lnk.innerText= 将仅在 IE 中工作。
在 onclick 属性中使用“this”时，实际上是指锚标记对象。试试这个，看看它是否有效：
this.setHeader = function(){
header.innerHTML = '<a href="#" onclick="Scheduler.showScheduler(1);">Show</a>';
}
【讨论】：