javascript - Javascript函数调用在IE和Chrome中不起作用

当我调用以下函数时，什么也没有发生，当我在嵌入式js中使用它们时，它们可以正常工作。难道我做错了什么？

 <script>

    var muted = false;
    function playAudio(var audioFile)
    {
        var audio = document.getElementElementId(audioFile);
        audio.play();
    }
    function toggleMute(var audioFile)
    {
        var audio = document.getElementById(audioFile)
        if(muted)
        {
            audio.play();
        }
        else
        {
            muted = !muted;
            audio.pause();
        }
    }
</script>

和电话:

<button type="button" onclick="toggleMute('bg_music')">mute</button>

但是，当我使用如下所示的内联JS时，效果很好。

<area shape="poly" coords="232,110,246,119,233,141,219,134,232,110
onclick="document.getElementById('ipod').play()">

调用这些函数时我做错什么了吗？

最佳答案

问题不在于如何调用函数，而在于如何声明它们。您不需要在参数列表中包括var关键字。

试试这个:

function playAudio(audioFile)
{
    ...
}

function toggleMute(audioFile)
{
    ...
}

进一步阅读

MDN: Functions