javascript - 从 html 文档调用函数不会生成警报

Question

大家好，感谢您的关注。

当我单击更新按钮时，我试图调用一个 javascript 函数。

这是javascript

var text2Array = function() {
// takes the value from the text area and loads it to the array variable.

alert("test");

}

和html

<button id="update" onclick="text2Array()">Update</button>

如果您想查看所有代码，请查看此 jsfiddle http://jsfiddle.net/runningman24/wAPNU/24/

我试图使函数全局化，但运气不好，我可以从 html 获取警报，但由于某种原因它不会调用函数？？？

Answer 1

pswdBld您在 JavaScript中声明函数时出错。

...
var pswdBld() = function() {
        ---^^---
...

这会导致语法错误并避免加载 JavaScript 文件。

请参阅更正版本。

---

此外，您可以考虑绑定事件而不是内联它。

<button id="update">Update</button>

var on = function(e, types, fn) {
  if (e.addEventListener) {
    e.addEventListener(types, fn, false);
  } else {
    e.attachEvent('on' + types, fn);
  }
};

on(document.getElementById("update"), "click", text2Array);​

现场观看。

Answer 2

在您的小提琴中，在左上角的下拉菜单中，将“onLoad”更改为“no wrap（head）”然后更改

var text2Array = function()
var pswdBld() = function()

至

function text2Array()
function pswdBld()

它会按预期发出警报。

Answer 3

您在下面的行中有语法错误..

var pswdBld() = function
           ^---  Remove this

应该是

var pswdBld = function

还要确保您在正文标记的末尾调用此脚本..

因为你正在使用Function Expressions而不是Function Declaration

var pwsdBld = function()    // Function Expression

function pwsdBld()         // Function Declaration

检查小提琴