如何使用参数确定使用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>