来自输入的 JavaScript 值

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'/>

我在某个网站上发现了该代码，我想显示一个 img 而不是 url...我是 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 每当用户在输入中键入内容时调用该函数。