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

我有以下代码：

<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'/>

函数changeText2（）{
var userInput=document.getElementById（'userInput'）.value；
var lnk=document.getElementById（'lnk'）；
lnk.href=“www.google.com/search/”+用户输入；
lnk.innerHTML=lnk.href；
}
这里有一个链接：

因此，这基本上实现了以下功能：

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

但是，我不希望在页面上显示链接，而是希望它在单击按钮时打开该页面。我该怎么做？

看到这个了吗 尝试

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>

函数changeText2（）{
var userInput=document.getElementById（'userInput'）.value；
var lnk=document.getElementById（'lnk'）；
lnk.href=“www.google.com/search/”+用户输入；
window.location=“www.google.com/search/”+用户输入；
}

您可以通过更改

窗口位置来更改当前url

这将使您的函数如下所示：

function changeText2(){
    var userInput = document.getElementById('userInput').value;
    var lnk = document.getElementById('lnk');
    lnk.href = "www.google.com/search/" + userInput;
    lnk.innerHTML = lnk.href;
    window.location = lnk.href;
}

正如其他人所指出的，可以通过两种方式使用location对象


或者设置href值

window.location.href = "http://url.to"

您还需要修改文本输入以使其url安全

window.location.href = "http://url.to/search?q="+encodeURIComponent("Query value")

此外，如果链接到外部域，则必须包含协议（http）。
在第一个标记中，id应包含在引号id=“lnk”Thank@Lal中，但在我单击按钮后，它会重定向到新链接，但它也会在页面上显示该链接一秒钟。我怎样才能避免呢？请看我编辑的脚本。删除
lnk.innerHTML=lnk.href。是否可以同时按下“回车”按钮使其工作？尝试将输入类型更改为“提交”。您是在上面的小提琴中尝试的吗？
window.location.href = "http://url.to/search?q="+encodeURIComponent("Query value")