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 属性都是全局变量），这就是你用来加载新页面的变量。