代码之家 › 专栏 › 技术社区 › Jack Roscoe

如何动态分配javascript“onclick”属性?

javascript

Jack Roscoe · 技术社区 · 14 年前

我正在使用JavaScript动态创建一个按钮,同时分配诸如“id”、“type”等属性,以及“onclick”以触发函数。

除了分配“onclick”之外,所有的工作都很好。单击时,按钮不会按预期触发功能。我尝试运行的函数是“导航(-1)”,如下所示。

我哪里出错了?

以下是我的代码:

function loadNavigation() {
var backButton;
backButton = document.createElement('input');
backButton.ID = 'backButton';
backButton.type = 'button';
backButton.value='Back';
backButton.onclick = 'navigate(-1)';
document.body.appendChild(backButton);
}

6 回复 | 直到 14 年前

nico 14 年前

正如另一个所说,您应该分配一个函数。

只是想指出,在这种情况下,您希望传递一个值,因此您需要分配一个匿名函数(或内联定义的命名函数),如

button.onclick = function() {otherfunction(parameter)};

如果要分配的函数不需要参数,则可以直接使用它

button.onclick = otherfunction;

注意,这种情况下没有括号

button.onclick = otherfunction(); // this doesn't work

不会像它所说的那样工作 otherfunction 一旦被分析

jasonmw 14 年前

您正在为onclick分配文本,请尝试分配函数。

backButton.onclick = function(){navigate(-1);};

Quentin 14 年前

您必须分配一个函数,而不是字符串。

backButton.onclick = function wastefulDuplicationOfBackButton () {
    navigate(-1);
}

Eli Grey 14 年前

使用函数而不是字符串。例如,

backButton.onclick = function () { navigate(-1); };

Christian C. Salvadó 14 年前

您应该分配一个函数,而不是一个字符串:

//...
backButton.onclick = function () {
  navigate(-1);
};
//...

Kevin Le - Khnle 14 年前

backButton.onclick = function() { navigate(-1); }

推荐文章

Softly · 单选按钮未按预期取值

1 年前

Jason Owens · 我的html/javascript播放按钮无法播放嵌入的youtube视频

1 年前

SlickRed · 我无法使用JS关注HTML元素

1 年前

Mayron Guedes · 如果登录名不在本地存储中,如何重定向页面?

1 年前

assembler · Nextjs没有处理发布请求

1 年前

PavelB · 如何使用Seleniumwebdriver和mocha只运行一个测试文件?

1 年前

BADRUM · 执行两个获取功能后,如何导航回页面?

1 年前

Toniq · javascript为php保存多维数组

1 年前

Natalie Smyth · 隐藏类只在我试图切换的两个部分中的一个部分上工作

1 年前

SkyWalker · 在JavaScript中,合并日期-时间序列的有效算法是什么?

1 年前