使用帶有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，......）