javascript - 使用用户输入修改链接

Question

我正在处理一个函数的一小段代码，我实际上是在另一个 question's answer 中找到的。 ，这是一个巨大的帮助。虽然，尝试修改该脚本片段给我带来了一些麻烦:我正在尝试更改这一点，以便它不会使用链接更改显示的文本，而是使用静态文本(如“单击此处”)修改链接) 或按钮元素。

<a id="reflectedlink" href="http://www.google.com/search">http://www.google.com/search</a>
<input id="searchterm"/>
<script type="text/javascript">
   var link= document.getElementById('reflectedlink');
   var input= document.getElementById('searchterm');
   input.onchange=input.onkeyup= function() 
      {
         link.search= '?q='+encodeURIComponent(input.value);
         link.firstChild.data= link.href;     
      }; 
</script>

我真的很想让它有一个简单的按钮，可以在新窗口中打开修改后的链接。我试过寻找类似的解决方案，但我确信我错过了它只是因为我不知道我在寻找什么。

Answer 1

Modified your fiddle :

HTML

Search <input id="searchterm" type="text" />

JavaScript

var searchterm = document.getElementById('searchterm');
var base_url = 'http://www.google.com/search?q=';
searchterm.onchange = searchterm.onkeyup = function(e) {
    e = e || event;
    if ( (e.which || e.keyCode) == 13 ){
        window.open(base_url + encodeURIComponent(searchterm.value), '_blank');
    }
};

关于 window.open 函数的更多信息 is here.