Question

我想创建一种登录页面。哪个链接取决于用户输入的href。

所以我有一个文本输入部分和一个登录按钮。然后应根据输入的文字进入网站。

示例：用户填写1234，然后单击登录按钮，然后单击网站： example.com/1234打开。

我尝试过，但无法正常工作。

<input type=text id='token' name="token"/>
<input type=button name=login value="login" onClick=changeQuery()/>

changeQuery(){
    var input_query=document.getElementById('sq').value;
    window.location="http://www.google.com/"+input_query+"myString";
}

Answer 1

您的代码有很多问题...

HTML属性应该用引号引起来（因此将onclick=changeQuery()更改为onclick="changeQuery()"）
您的函数不是以关键字function开头
您的文本框控件的ID为token ...，因此在您的示例中，sq找不到getElementById

我不确定为什么要在URL末尾添加“ MyString”，但这可能是预期代码的一部分

结果应该是这样的...

function changeQuery(){
    var input_query = document.getElementById('token').value;
    //window.location = "http://www.google.com/" + input_query + "myString";
    console.log("http://www.google.com/" + input_query + "myString");
}

<input type="text" id="token" name="token"/>
<input type="button" name="login" value="login" onClick="changeQuery()"/>

（请注意，我已将window.location注释掉，而放了console.log，这样您就可以看到生成的内容，而无需实际导航到另一页）

Answer 2

             function changeQuery() {
               var input_query = 
               document.getElementById('token').value;
               window.location = "https://www.google.com/search? 
               q=" + input_query;
             }

以上是您想要的正确代码，但是google不允许其他来源发出搜索请求。

拒绝在帧中显示“ https://www.google.com/search?q=somequery”，因为它将“ X-Frame-Options”设置为“ sameorigin”。如果您尝试重定向其他来源，则将起作用。

链接用户输入和登录按钮

2 个答案: