在onClick屬性中聲明變量，並在onClick中使用多個命令

-1

那麼，那麼就好了。在我開始之前，我確實搜索了這個，我發現這個主題還有其他線索，但是他們都沒有很好地回答我的問題。在onClick屬性中聲明變量，並在onClick中使用多個命令

所以我想要做的是當一個標籤被點擊時，它會在onClick屬性中創建一個變量，該屬性可以通過一個函數被訪問以用於一個case開關。

1）變量是否可以在onClick屬性中創建？
2）可以在onClick屬性中執行多個命令嗎？像：onClick =「alert（'Boo！'）; afunction（）;」？

我的不足代碼道歉，但我使用的是蘋果的iPad，他們不使用Tab鍵或縮進，等等等等..繼承人我的嘗試：

[..omitted。。]
var item =「null」;
功能ExecuteFunction來（）{
開關（項目）{
案「ITEM1」：
的document.getElementById（「DIV1」）的style.display = '塊';
document.getElementById（「div2」）。style.display ='none';
document.getElementById（「div3」）。style.display ='none';
document.getElementById（「div4」）。style.display ='none';
break;
case「item1」：
document.getElementById（「div1」）。style.display ='block';
document.getElementById（「div2」）。style.display ='none';
document.getElementById（「div3」）。style.display ='none';
document.getElementById（「div4」）。style.display ='none';
break;
case「item2」：
document.getElementById（「div1」）。style.display ='none';
document.getElementById（「div2」）。style.display ='block';
document.getElementById（「div3」）。style.display ='none';
document.getElementById（「div4」）。style.display ='none';
break;
case「item3」：
document.getElementById（「div1」）。style.display ='none';
document.getElementById（「div2」）。style.display ='none';
document.getElementById（「div3」）。style.display = block';
document.getElementById（「div4」）。style.display ='none';
break;
case「item4」：
document.getElementById（「div1」）。style.display ='none';
document.getElementById（「div2」）。style.display ='none';
document.getElementById（「div3」）。style.display ='none';
document.getElementById（「div4」）。style。顯示=「塊」;
break;
}
}

</SCRIPT> < UL>
<裏的onClick = 「項= 'ITEM1'; ExecuteFunction來（）;」>一些項目</LI>
<裏的onClick = 「項= 'ITEM2'; ExecuteFunction來（）;」>一些其它項目</LI>
<裏的onClick = 「項= '項目3'; ExecuteFunction來（）;」>有些飛行爬蟲</LI>
< li onClick =「item ='item4'; ExecuteFunction來（）;「>一些脫磷酸裸蓋菇素</LI>
</UL>

[..omitted ..]

來源

2014-12-06 Damian Silva

你需要顯示一些代碼，說明你正在嘗試做的更好，我認爲。我明白了，但在我回答我相信你所問的內容之前，我真的很想知道你真正需要什麼。 – rfornal 2014-12-06 04:29:25

有一個簡化版本。 – 2014-12-06 05:27:27

行，第一多個命令，可以使用由分號分隔的;然而，這是一般不推薦......你可能會嘗試創建一個主函數或其中的一系列函數，這樣在HTML代碼中只需要提及一個函數

然後，你不需要創建變量......試試這個

<li onClick="executeFunction('item1');">Some item</li>

...屆時，executeFunction會是這樣......

function executeFunction(item) { 
    document.getElementById("div1").style.display='none'; 
    document.getElementById("div2").style.display='none'; 
    document.getElementById("div3").style.display='none'; 
    document.getElementById("div4").style.display='none'; 

    switch(item){ 
    case "item1": 
     document.getElementById("div1").style.display='block'; 
     break; 
    case "item2": 
     document.getElementById("div2").style.display='block'; 
     break; 
    case "item3": 
     document.getElementById("div3").style.display='block'; 
     break; 
    case "item4": 
     document.getElementById("div4").style.display='block'; 
     break; 
    } 
}

來源

2014-12-06 05:36:30 rfornal