javascriptのスイッチケースが変数を取っていない

Question

私はJavaScript関数onClickを呼び出して、取り込んだ値を切り替えようとする簡単なhtmlリンクがあります。動作しません。ここで

は私のコードです：

function lang(language) { 
 
    switch (language) { 
 
    case "it-IT": 
 
     alert("Italiano selezionato"); 
 
     break; 
 
    case "en-US": 
 
     alert("English selected"); 
 
     break; 
 
    } 
 
}

<p><a href="#" onClick="lang('en-US');">English</a></p> 
 
<p><a href="#" onClick="lang('it-IT');">Italiano</a></p>

Answer 1

ブラウザはすでにそれを使用している、あなたの関数名にlangを使用しないでください。

function xlang(language) { 
 
    switch (language) { 
 
    case "it-IT": 
 
     alert("Italiano selezionato"); 
 
     break; 
 
    case "en-US": 
 
     alert("English selected"); 
 
     break; 
 
    } 
 
}

<p><a href="#" onClick="xlang('en-US');">English</a></p> 
 
<p><a href="#" onClick="xlang('it-IT');">Italiano</a></p>

Answer 2

問題はここにあります。 onclickイベントハンドラの周囲にはwithが使用されています。これにより、すべてのグローバル属性（langを含む）を使用できます。したがって、グローバルlangプロパティにアクセスしようとします。

ですから、何かに名前を機能していないが、ないattributes名

<p><a href="#" onClick="alertLang('en-US');">English</a></p> 
 
<p><a href="#" onClick="alertLang('it-IT');">Italiano</a></p> 
 

 
<script> 
 
    function alertLang(language) { 
 
    switch (language) { 
 
    case "it-IT": 
 
     alert("Italiano selezionato"); 
 
     break; 
 
    case "en-US": 
 
     alert("English selected"); 
 
     break; 
 
    } 
 
} 
 
    </script>

しかし、あなたはJavascript

で event handler

<p><a href="#">English</a></p> 
 

 
<script> 
 
    function lang() { 
 
     alert("English selected"); 
 
    } 
 
    
 
    document.querySelector('p').onclick = lang; 
 
    </script>

として追加した場合、それは動作します変更

Answer 3

onclickハンドラにJavaScriptコードを割り当てると、その要素のプロパティがwith (element) { }ブロック内で実行されているように直接利用できる特別なスコープで実行されます。

この例では、変数langは要素のlang属性に対応しています。同じエラーが発生する他の例には、id, title, styleとhrefがあります。次のコードを実行するとして考えて：

function lang() { 
} 

with(element) { 
    lang("en-US"); 
    // type error since lang resolves to element.lang 
    // instead of the outer lang 
} 

あなたは単にあなたの機能を、名前空間ができます。

var MyFancyFunctions { 
    lang: function { 
    } 
}; 

<a onclick="MyFancyFunctions.lang('en-US')">English</a> 

それとも、曖昧さを取り除く：

<a onclick="window.lang('en-US')">English</a> 

参考文献：

を

internal raw uncompiled handler