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>

Answer 2

您可以通过更改window.location

来更改当前网址

这会使您的功能看起来如下：

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;
}

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

2 个答案:

请参阅此fiddle