從輸入

Question

<script type="text/javascript"> 
     function changeText2(){ 
      var userInput = document.getElementById('userInput').value; 
      var lnk = document.getElementById('lnk'); 
      lnk.href = "https://www.facebook.com/sharer/sharer.php?u=http://facebook.com/" + userInput; 
      lnk.innerHTML = lnk.href; 
     } 
     </script> 


    <a href="" id=lnk></a> <br> 
    <input type='text' id='userInput' value='' /> <br> 
    <input type='button' onclick='changeText2()' value='Go'/> 

JavaScript值，我發現一些網站的代碼，我想不顯示一個img網址...林新在JavaScript

Answer 1

像這樣的東西應該工作：

<a href="" id="fbLink" style="display:none;"> 
    <img src="YOUR_IMAGE_HERE.jpg"/> 
</a> 
<input type='text' id='userInput' value='' onchange="shLink()"/> 
<script> 
    function shLink(){ 
    if(document.getElementById("userInput").value!=""){ 
     if(document.getElementById("fbLink").style.display=="none"){ 
     document.getElementById("fbLink").style.display=""; 
     document.getElementById("fbLink").href="https://www.facebook.com/sharer/sharer.php?u=http://facebook.com/"+document.getElementById("userInput").value; 
     } 
    }else{ 
     document.getElementById("fbLink").style.display=""; 
     document.getElementById("fbLink").href=""; 
    } 
    } 
<script> 

如果在輸入中輸入了值，腳本將切換鏈接的顯示。當輸入值改變時將被調用（onchange）。或者，只要用戶在輸入中鍵入內容，就可以使用onkeypress來調用該函數。