JavaScript関数を使用してパラメータを使用して変数を決定する方法

Question

loadPages（）を使用するときにこのスクリプトがiFrameパネルを更新しない理由を知ってもらえますか？年齢を指定してコードを書いたりウェブサイトを構築したりしてはいけません。 iFrame srcを交換するより良い方法はありますか？ありがとう！

<a href="#Gallery" onclick="return loadPages(1)"><span class="glyphicon glyphicon-oil"></span></a> 
 
    
 
<a href="#Gallery" onclick="return loadPages(2)"><span class="glyphicon glyphicon-tint"></span></a> 
 

 
<script> 
 
     function loadPages(a){ 
 
      var loc1 = "http://jquery.com/"; 
 
      var loc2 = "http://www.w3schools.com/"; 
 
      If (a == 1){ 
 
      document.getElementById('myFrame').setAttribute('src', loc1); 
 
      \t } 
 
      If (a == 2){ 
 
      document.getElementById('myFrame').setAttribute('src', loc2); 
 
      \t } 
 
     } 
 
</script> 
 
    
 
<iframe id="myFrame" src="http://www.google.com" width="100%" height="800" frameborder="0" style="border: 0" scrolling="yes"></iframe>

Answer 1

あなたの構文は、::

function loadPages(a){ 
    var loc1 = "http://jquery.com/"; 
    var loc2 = "http://www.w3schools.com/"; 
    if (a == 1){ 
     document.getElementById('myFrame').src = loc1; 
    } 
    else { 
     document.getElementById('myFrame').src = loc2; 
    } 
} 

か、::

function loadPages(a){ 
    var loc = (a == 1) ? "http://jquery.com/" : "http://www.w3schools.com/"; 
    document.getElementById('myFrame').src = loc; 
} 

Answer 2

あなたのコードが少しあるとして、それを書くことができますへの変更適切ではありません近くのタグがありませんaとifでないIf ....

<a href="#Gallery" onclick="return loadPages(1)"><span class="glyphicon glyphicon-oil"></span></a> 

<a href="#Gallery" onclick="return loadPages(2)"><span class="glyphicon glyphicon-tint"></span></a> 

<script> 
     function loadPages(a){ 
      var loc1 = "http://jquery.com/"; 
      var loc2 = "http://www.w3schools.com/"; 
      if(a == 1){ 
      document.getElementById('myFrame').setAttribute('src', loc1); 
       } 
      if(a == 2){ 
      document.getElementById('myFrame').setAttribute('src', loc2); 
       } 
     } 
</script> 

<iframe id="myFrame" src="http://www.google.com" width="100%" height="800" frameborder="0" style="border: 0" scrolling="yes"></iframe>