使用onclick和javascript函数,在参数中调用js-var


Using onclick with javascript function, call js var in parameters

嘿,伙计们有点困在这里了。我先给你看代码。

<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,但我似乎做不到,有人知道我需要做什么吗???

您需要在onclick:中引用Stanley作为变量

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

JSFiddle

只是对样式的友好评论,变量应为小写,类和常量应分别为大写和大写。这只是一个惯例,但将帮助其他javascript开发人员理解您的代码。

bcoz在js中的一个参数总是像这样隐藏,

如果你想传递3个参数,那么不要发送3个。发送了4个参数,第一个是

<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,……)