img src =“localStorage.getItem（'icon'）”？

Question

在标题中..如何让src成为我从另一个输入中获得的内容？ 她是我的代码...

<script type="text/javascript"> 
    function newLink() { 
     var myNewLink = document.getElementById("link"); 
     localStorage.setItem('link', myNewLink.value); 
    } 
    function newIcon() { 
     var myNewIcon = document.getElementById("icon"); 
     localStorage.setItem('icon', myNewIcon.value); 
    } 
</script> 

<form> 
    <h1>lägg till länk</h1><br /> 
    <input type="text" id="link"><br /> 
    <input type="text" id="icon"><br /> 
    <button onClick="newLink(); newIcon();">lägg till länk</button> 
</form> 
<a href="#" onClick="location.href = localStorage.getItem('link')"><img src="localStorage.getItem('icon')" id="image"></a> 

Answer 1

<script type="text/javascript"> 
     -----// your code 
    function setLink(){ 
      location.href = localStorage.getItem('link'); 
    } 
    window.onload = function(){ 
    document.getElementById("image").src = localStorage.getItem('icon'); 
    } 

</script> 

---- /// your code 
<a href="#" onClick="setLink()"><img src="" id="image"></a> 

Answer 2

假设你正在使用jQuery，你可以试试这个：

$("#image").attr('src', localStorage.getItem('icon')); 

你下面的代码，

 <script type="text/javascript"> 
      function newLink() { 
       var myNewLink = document.getElementById("link"); 
       localStorage.setItem('link', myNewLink.value); 
      } 
      function newIcon() { 
       var myNewIcon = document.getElementById("icon"); 
       localStorage.setItem('icon', myNewIcon.value); 
      } 
      $(function(){ 
        $("#image").attr('src', localStorage.getItem('icon')); 
      }); 


      function Redirect(){ 
       location.href = localStorage.getItem('link'); 

       return false; 
      } 

     </script> 



     <form> 
      <h1>lägg till länk</h1><br /> 
      <input type="text" id="link"><br /> 
      <input type="text" id="icon"><br /> 
      <button onClick="newLink(); newIcon();">lägg till länk</button> 
     </form> 
     <a href="#" onClick="Redirect();"><img src="" id="image"></a>