javascript - javascript 中未定义错误函数

Question

我有一个示例代码:

<input width="50" type="text" value="" name="application_id" id="text_input">
<a href="#" onclick="addSelect('1', 'Test Name');" title="Click to add this item">Test Name</a>

和javascript

function addSelect(id, title) {
    document.getElementById('text_input').value = title;
}

当我运行代码时，结果错误是 addSelect is not defined ？ demo here , 怎么装呢？

Answer 1

您的脚本已被定义为运行 onLoad，这意味着您的函数无法像您预期的那样在全局范围内使用。它将在某些 onLoad 方法(无论 jsFiddle 使用哪个)的局部范围内定义。使用此设置，我认为 jsFiddle 将您的代码放入此或类似的内容中:

window.onload = function () {
    // Your code
};

(类似于onDomReady 选项)

这样您就不必担心绑定(bind)正确的事件，您只需测试您的脚本(确保页面已加载)。

当您尝试调用您希望在全局范围内的函数时，它不会起作用。只需将左侧的设置更改为 no wrap (head)(或 no wrap (body))

http://jsfiddle.net/TmLut/3/

正如 mplungjan 所指出的，而我不知何故根本没有意识到，当使用 anchor 元素的 onclick 时，您可能想要阻止链接的默认行为(甚至如果只是转到"#")，可以通过多种方式实现，但其中一种是:

<a href="#" onclick="runFunction();return false;">Text</a>

尽管与此同时，有人可能会争辩说您根本不应该使用内联处理程序，而是希望将事件与 Javascript 完全绑定(bind)。根据这种情况，您仍然可以选择阻止默认行为。在任何情况下，您仍然可以捕获 event 对象(按浏览器规范化......顺便说一下，jQuery 会这样做)并调用 event.preventDefault();在方法中。