JavaScript变量不会工作

Question

这段JavaScript代码工作得很好

SRC = 'HTTP：//host/150.jpg'

// Function ActionItems Start 
function ActionItems(){ 
    var ActionItemsVar = document.getElementById("ActionItems").value; 
     switch (ActionItemsVar){ 
      case "150": 
      ActionItems1Var ="ActionItems1"; 
      ActionItems2Var="ActionItems2"; 
      ActionItems3Var="ActionItems3"; 
      ActionItems4Var="ActionItems4"; 
      document.getElementById("Image").innerHTML = "<img style='float:left' width='100%' height='100%' 
          src='http://host/150.jpg' alt='' title=''>"; 
      break; 
      .... 
     } 

    document.getElementById("ActionItems1").innerHTML = ActionItems1Var 
    document.getElementById("ActionItems2").innerHTML = ActionItems2Var 
    document.getElementById("ActionItems3").innerHTML = ActionItems3Var 
    document.getElementById("ActionItems4").innerHTML = ActionItems4Var 
} 
// Function ActionItems End 

但随着URL编码变量不会工作

SRC = 'HTTP：//host/'+ActionItemsVar+'.jpg'

// Function ActionItems Start 
    function ActionItems(){ 
     var ActionItemsVar = document.getElementById("ActionItems").value; 
      switch (ActionItemsVar){ 
       case "150": 
       ActionItems1Var ="ActionItems1"; 
       ActionItems2Var="ActionItems2"; 
       ActionItems3Var="ActionItems3"; 
       ActionItems4Var="ActionItems4"; 
       document.getElementById("Image").innerHTML = "<img style='float:left' width='100%' height='100%' 
          src='http://host/'+ActionItemsVar+'.jpg'alt='' title=''>"; 
       break; 

       ... 
      } 

     document.getElementById("ActionItems1").innerHTML = ActionItems1Var 
     document.getElementById("ActionItems2").innerHTML = ActionItems2Var 
     document.getElementById("ActionItems3").innerHTML = ActionItems3Var 
     document.getElementById("ActionItems4").innerHTML = ActionItems4Var 
    } 
    // Function ActionItems End 

Answer 1

您的报价很混乱。更改为

document.getElementById("Image").innerHTML = "<img style='float:left' width='100%' height='100%' src='http://host/"+ActionItemsVar+".jpg'alt='' title=''>"; 

Answer 2

使用“，而不是”

document.getElementById("Image").innerHTML = "<img style='float:left' width='100%' height='100%' src='http://host/"+ActionItemsVar+".jpg'alt='' title=''>"; 

Answer 3

你必须退出双引号不是单一的：

document.getElementById("Image").innerHTML = 
    "<img style='float:left' width='100%' height='100%' src='http://host/"+ActionItemsVar+".jpg'alt='' title=''>";