javascript - 来自输入的 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在用户在您的输入中键入内容时调用该函数。