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

时间:2012-12-13 18:13:34

标签: javascript html

非常感谢您一起来看看。

我在点击更新按钮时尝试调用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获取警报,但由于某种原因它不会调用函数???

3 个答案:

答案 0 :(得分:4)

JavaScript中的pswdBld函数声明中存在错误。

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

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

See the corrected version.


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

<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);​

See it live.

答案 1 :(得分:2)

在你的小提琴中,在左上角的下拉列表中,将“onLoad”改为“no wrap(head)” 然后改变

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

function text2Array()
function pswdBld()

它将按预期发出警告。

答案 2 :(得分:2)

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

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

应该是

var pswdBld = function

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

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

var pwsdBld = function()    // Function Expression

function pwsdBld()         // Function Declaration

<强> Check Fiddle