Javascript按钮和document.location

时间:2012-06-18 06:52:50

标签: javascript html url hyperlink

我试图用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();" /> 

我的代码出了什么问题?

1 个答案:

答案 0 :(得分:5)

此标记:

<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.hreflocation是一个全局变量(它是window的属性,所有window属性都是全局变量),这是用于加载新页面的属性。