我的函数没有在JavaScript中运行

时间:2014-08-29 02:03:14

标签: javascript

如何让这段代码在" head" HTML的标记。我必须使用这两个函数,而不能只使用一个函数。我知道这是不好的做法,但我该如何做呢?谢谢你的帮助。

var myImage;
function prepareEventHandlers() {
    var myImage = document.getElementById('mainImage');
}

function runEvents() {
    myImage.onclick = function() {
        alert('You clicked on the image.');
    };
}

window.onload = function() {
    prepareEventHandlers();
    runEvents();
}

2 个答案:

答案 0 :(得分:3)

您需要删除prepareEventHandlers()中的var,因为您声明了一个名为myImage的新局部变量,而不是分配外部变量。

    var myImage;

    function prepareEventHandlers() {
        myImage = document.getElementById('mainImage');
    }

答案 1 :(得分:3)

删除" var"在prepareEventHandlers()函数中。

var myImage;

function prepareEventHandlers() {
    myImage = document.getElementById('mainImage');
}

function runEvents() {
    myImage.onclick = function() {
        alert('You clicked on the image.');
     };
}  

window.onload = function() {
    prepareEventHandlers();
    runEvents();
}