Question

如何根据用户名（gmail）创建URL链接。例如：http://www.test.com/%username%

以下代码或多或少适合我。只有我想知道如何在输入区域自动获取用户名。

<script type="text/javascript">
    function changeText(){
        var userInput = document.getElementById('userInput').value;
        var lnk = document.getElementById('lnk');
        lnk.href = "http://www.test.com" + userInput;
        lnk.innerHTML = lnk.href;
    }
    </script>
    Link : <a href="" id=lnk>nothing here yet</a> <br>
    <input type='text' id='userInput' value='Enter username' />
    <input type='button' onclick='changeText()' value='Change Link'/>

这里也是同样的问题

<a id="reflectedlink" href="http://www.google.com/search">http://www.test.com/</a>
<input id="username"/>

<script type="text/javascript">
    var link= document.getElementById('reflectedlink');
    var input= document.getElementById('username');
    input.onchange=input.onkeyup= function() {
        link.search= '/'+encodeURIComponent(input.value);
        link.firstChild.data= link.href;
    };
</script>

Answer 1

我真的不明白你的要求是什么。但如果这是你真正的意思，请检查下面的小提琴。

Link : <a href="" id="lnk">nothing here yet</a> <br>
    <input type='text' id='userInput' value='Enter username' />
    <input type='button' onclick='changeText()' value='Change Link'/>
<script>
function changeText(){
        var userInput = document.getElementById('userInput').value;
        var lnk = document.getElementById('lnk');
    lnk.href = "http://www.test.com/" + userInput;
        lnk.innerHTML = lnk.href;
    }
</script>

Demo

var link= document.getElementById('reflectedlink');
var input= document.getElementById('username');
input.onchange=input.onkeyup= function() {
    link.pathname= "/"+input.value;
    link.firstChild.data= link.href;
};

Demo

Answer 2

将用户重定向到自己的页面：

window.location.href = "http://test.com/"+$('#userInput').value;

使用javascript重定向基于登录用户的URL链接

2 个答案: