javascript - 分割的 cookie 字符串不起作用

Question

考虑到这是 HTML 代码，

function changeColor(){
       var selectedColor = document.getElementById("selectColor").value;
       if(selectedColor != "selectTheColor"){
          document.bgColor = selectedColor;
          document.cookie = "color="+selectedColor+";expires=Fri, 2 Mar 2018 02:00:00 UTC";
          var splited = document.cookie.split("="); // codes here not working
          alert(splited[1]);
       }
    }

<select value="bgColor" id="selectColor" onchange="changeColor();">
          <option value="selectTheColor">Select color</option>
          <option value="black">Black</option>
          <option value="blue">Blue</option>
          <option value="red">Red</option>
    </select>

为什么代码在拆分时不起作用？

Answer 1

这种方式不支持在多行上分配一个字符串(使用 ''，您必须使用 ` ` 代替)。请执行以下操作:

function changeColor(){
   var selectedColor = document.getElementById("selectColor").value;
   if(selectedColor != "selectTheColor"){
      document.bgColor = selectedColor;
      var test = "color="+selectedColor+`;expires=Fri, 2 Mar 2018 
      02:00:00 UTC`;
      var splited = test.split("="); // codes here not working
      alert(splited[1]);
   }
}

<select value="bgColor" id="selectColor" onchange="changeColor();">
      <option value="selectTheColor">Select color</option>
      <option value="black">Black</option>
      <option value="blue">Blue</option>
      <option value="red">Red</option>
</select>