javascript - 将文本框中输入的文本附加到 url 并打开 url 链接

Question

我有以下代码:

<script type="text/javascript">
function changeText2(){
    var userInput = document.getElementById('userInput').value;
    var lnk = document.getElementById('lnk');
    lnk.href = "www.google.com/search/" + userInput;
    lnk.innerHTML = lnk.href;
}


</script>

Here is a link : <a href="" id=lnk>nothing here yet</a> <br>
<input type='text' id='userInput' value=' ' />
<input type='button' onclick='changeText2()' value='Change Link'/>

因此，这基本上执行以下操作:

用户在文本框中输入一个单词，该单词会附加到给定链接 (www.google.com/search/) 的末尾。并且链接显示在页面上方。

但是我希望它在单击按钮时打开该页面，而不是在页面上显示链接。我怎样才能做到这一点？

Answer 1

请参阅此 fiddle

尝试window.location重定向到点击页面。

也就是说，在你的代码中尝试像

<script type="text/javascript">
function changeText2(){
    var userInput = document.getElementById('userInput').value;
    var lnk = document.getElementById('lnk');
    lnk.href = "www.google.com/search/" + userInput;
    window.location = "www.google.com/search/" + userInput;
}
</script>