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

Question

我正在为一个函数编写一小段代码，实际上我在另一个问题的答案中找到了这些代码，这是一个巨大的帮助。不过，尝试修改该脚本片段给我带来了一些麻烦：我正在尝试更改这一点，以便不是使用链接更改显示的文本，而是使用静态文本修改链接（例如“单击此处” ) 或按钮元素。

<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

修改了你的小提琴：

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有关该功能的更多信息在这里。