如何将参数传递给像 left = function() 这样声明的函数

发布于 2024-12-29 00:46:23 字数 906 浏览 0 评论 0原文

如何将参数传递给声明为 Something = function(){}; 的函数

window.prototype.initInterface = function(){
    this.mainPane = document.createElement('div');
    this.mainPane.style.border="5px solid grey";
    this.mainPane.style.margin="0px";
    this.mainPane.style.width="420px";
    this.mainPane.style.height="600px";

    this.exitButton = document.createElement('input');
    this.exitButton.setAttribute("type", "button");
    this.exitButton.setAttribute("value", "exit");

    this.exitButton.onclick = function(){
        document.body.removeChild(this.mainPane);
    };

    this.mainPane.appendChild(this.exitButton);

    document.body.appendChild(this.mainPane);
}

当用户按下退出按钮时，我想从 html 页面的主体中删除 mainPane。

    this.exitButton.onclick = function(this.mainPage){
        document.body.removeChild(this.mainPane);
    };

不起作用

我该怎么做？

原文

How can I pass parameters to a function declared like something = function(){};

window.prototype.initInterface = function(){
    this.mainPane = document.createElement('div');
    this.mainPane.style.border="5px solid grey";
    this.mainPane.style.margin="0px";
    this.mainPane.style.width="420px";
    this.mainPane.style.height="600px";

    this.exitButton = document.createElement('input');
    this.exitButton.setAttribute("type", "button");
    this.exitButton.setAttribute("value", "exit");

    this.exitButton.onclick = function(){
        document.body.removeChild(this.mainPane);
    };

    this.mainPane.appendChild(this.exitButton);

    document.body.appendChild(this.mainPane);
}

When the user presses the exit button I want to remove the mainPane from the body of the html page.

    this.exitButton.onclick = function(this.mainPage){
        document.body.removeChild(this.mainPane);
    };

Does not work

How can I do this?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

哎呦我呸! 2025-01-05 00:46:23

为了让您的 exitButton.onclick 函数能够访问您在封装 initInterface 函数中创建的变量，您需要在 exitButton.onclick 中创建一个闭包> 函数，返回一个执行您想要的操作的函数并传递该变量。

exitButton.onclick = function () {
    return (function() {
         document.body.removeChild(mainPane);
    })(mainPane);
};

此处了解有关闭包工作原理的更多信息和此处并查看有效的小提琴示例。

或者，您忘记闭包，并从触发事件的按钮向上走到 DOM 到您的 mainPane

exitButton.onclick = function() {
   // in here "this" is the object that triggered the event, exitButton
   document.body.removeChild(this.parentNode);
}

顺便说一句，如果您这样做，window.prototype 不存在在浏览器中； window 是浏览器脚本中原型链顶部的对象。您只需要 window.initInterface = function () {} ，这与 function initInterface() {} 完全相同，因为您在浏览器中使用 javascript 执行的所有操作都会变成窗口的属性。

For your exitButton.onclick function to have access to variables you create in the enveloping initInterface function you want a to create a closure in the exitButton.onclick function by returning a function that performs the action you want and passing that the variable.

exitButton.onclick = function () {
    return (function() {
         document.body.removeChild(mainPane);
    })(mainPane);
};

Read more on how closures work here and here and see a working example fiddle.

Alternatively, you forget about closures and walk up the DOM from the button which triggers the event to your mainPane

exitButton.onclick = function() {
   // in here "this" is the object that triggered the event, exitButton
   document.body.removeChild(this.parentNode);
}

As an aside, window.prototype does not exist if you are doing this in a browser; window is the object at the top of prototype chain in browser scripting. You want just window.initInterface = function () {} which is the exact same thing as function initInterface() {} because everything you do in javascript in the browser becomes a property of window.

回复收藏 0 原文