从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

您的JavaScript中的pswdBld函数的声明中有错误。

...
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

另外，请确保仅在body标签末尾调用此脚本。

因为您使用的是Function Expressions而不是Function Declaration

var pwsdBld = function()    // Function Expression

function pwsdBld()         // Function Declaration

检查小提琴