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.

的详细信息

使用用户输入修改链接

1 个答案: