在链接中使用 JavaScript var

Question

我发现 JavaScript 可以分解页面的查询字符串并从中提取变量。我需要这样做，以便我可以创建一个新链接，将网站放入我正在尝试的 Facebook 应用程序中。基本上，我们将页面上传到服务器，生成一个长值 (k)。所以，URL 始终是 www.oursite.com/webhost/login.asp?k=12342342334 等。

这是我到目前为止所拥有的：

function querySt(ji) {
    hu = window.location.search.substring(1);
    gy = hu.split("&");
    for (i=0;i<gy.length;i++) {
        ft = gy[i].split("=");
        if (ft[0] == ji) {
            return ft[1];
        }
    }
    var SurveyKey = querySt("k");
    var url = "http://apps.facebook.com/appname/k=" + SurveyKey;
    window.location = url;
}

所以，我有一个名为“url”的变量，它应该为我提供正确的 URL需要它来做（基本上只是在 Facebook 画布中设置页面）。我似乎不知道如何为此创建链接。

它需要是一个有人点击的按钮，它只会打开一个带有 var url 的新窗口。我在这里缺少什么？我尝试过

document.write="<a href="url...

，但无法引用该变量。

Answer 1

document.write="<a href="url...

... 不是有效的语法。如果您想使用 document.write 将 url 变量作为链接传递到网页，您应该执行以下操作：

document.write("<a href=\"" + url + "\">YOUR LINK TEXT</a>");

Answer 2

您可以使用 jQuery 来完成此操作：

$('#someDiv').append('<a href="' + url + '">click here</a>');

或者不使用它：

document.getElementById('someDiv').innerHTML = '<a href="' + url + '">click here</a>';

Answer 3

您在页面中创建一个链接，并将 JavaScript 函数连接到该链接上的单击事件。在单击事件的 JS 处理程序中，您可以运行所需的任何 Javascript 代码，构造所需的链接，使用 window.open 使用该链接打开一个新窗口。

使用 jQuery:

HTML:

<a id="myLink" href="#">Click here</a>

JS:

$('#myLink').click(function() {
  alert('Handler for .click() called.');
});

jsfiddle 在这里查看它的运行情况或使用它： http://jsfiddle.net /jfriend00/AKuXG/

或者，如果您可以只计算一次所需的链接并将其永久设置，则可以在页面加载后使用此纯 JS 执行此操作：

document.getElementById("myLink").href = whatever javascript expression you want

Answer 4

为什么不使用 PHP 而不是 Javascript 呢？如果您从 PHP 中的 URL 中提取变量，您只需创建链接：

<a href="www.oursite.com/webhost/login.asp?k=<?=$your_key?>">test</a>

如果您想在 javascript 中执行此操作：

var url;
function querySt(ji) {
    hu = window.location.search.substring(1);
    gy = hu.split("&");
    for (i=0;i<gy.length;i++) {
        ft = gy[i].split("=");
        if (ft[0] == ji) {
            return ft[1];
        }
    }
    var SurveyKey = querySt("k");
    url = "http://apps.facebook.com/appname/k=" + SurveyKey;

    insertInPage();
}

function insertInPage() {
    var content = "<a href=\"" + url + "\">link</a>"
    document.write(content);
    // or:   document.getElementById("your_id").innerHtml = content;
}

至少遵循这些原则。