使用带有JavaScript函数的onclick，在参数中调用js var

Question

大家有点卡在这里 首先让您展示代码。

<script type="text/javascript" language="javascript">
var Stanley = "Text here";
function TextLooper(Alien)
{
var myArray = Alien.split("");
var loopTimer;
var changeLetter = function () 
{
    if(myArray.length > 0) 
    {
        document.getElementById("TypingStanley").innerHTML += myArray.shift();
    } 
    else 
    {
        clearTimeout(loopTimer); 
    }
}
setInterval(changeLetter, 70);
};
function InfoBoxClick(id, visibility,AlienVar) 
{
    document.getElementById(id).style.display = visibility; 
    TextLooper(AlienVar);
}
</script>

多数民众赞成在我的JavaScript和我使用下面的onlick href;

<a href="#Aliens-Stanley" onclick="InfoBoxClick('StanleyInfo','block','Stanley');">LinkName</a>

我正在尝试将功能InfoBoxClick（）的第三个参数设置为javascript中提到的名为Stanley的var，但是我似乎无法做到这一点，任何人都知道我需要做什么？

Answer 1

您将需要在onclick中将Stanley引用为变量：

InfoBoxClick('StanleyInfo','block',Stanley);

JSFiddle

只是对样式的友好评论，变量应为小写字母 ，类和常量应分别为CapitalCase和UPPERCASE 。 这只是一个约定，但会帮助其他javascript开发人员理解您的代码。

Answer 2

js中的bcoz一个参数总是像（this）这样隐藏，

如果要传递3个参数，则不要发送3。发送4个参数，第一个是（this）

<a href="#Aliens-Stanley" onclick="InfoBoxClick(this,'StanleyInfo','block','Stanley');">LinkName</a>

和以前的功能写

function InfoBoxClick(e,id, visibility,AlienVar) 
{
    document.getElementById(id).style.display = visibility; 
    TextLooper(AlienVar);
}

在该参数的第一个参数中，该动作的事件例如（onclick，......）