Javascript 按钮和 document.location

Question

我正在尝试用 javascript 做一些事情(我是初学者，正在研究它)，我想知道如何打开保存在变量中的链接。我正在尝试...

<input type="button" onclick="document.location.href=Query;" />

其中 Query 是 Ricerca 方法中与另一个按钮一起使用的变量

function ricerca()
        {
            var Link = "http://www.mysite.com/search?q=variabile&k=&e=1";

            var Name= document.getElementById('utente').value;

            var Query = Link.replace("variabile",Name);

            alert(Query); 
            return false;
        } 

另一个按钮生成自定义搜索链接...

input type="text" id="utente">
<input type="submit" value="Click me" onclick="return ricerca();" /> 

我的代码有什么问题？

Answer 1

这个标记:

<input type="button" onclick="document.location.href=Query;" />

...需要您有一个名为Query 的全局 变量，但您没有。您在函数中有一个局部变量。您需要有一个函数(可能是您的 ricerca 函数？)返回 URL，然后调用该函数。像这样:

function ricerca()
{
    var Link = "http://www.mysite.com/search?q=variabile&k=&e=1";

    var Name= document.getElementById('utente').value;

    var Query = Link.replace("variabile",Name);

    return Query;
} 

和

<input type="button" onclick="document.location.href=ricerca();" />

另外，只需使用 location.href 而不是 document.location.href。 location 是一个全局变量(它是 window 的一个属性，所有 window 属性都是全局变量)，这就是你用来加载一个新页面。