使用 jquery 或 javascript 将 url 参数传递给 iframe答案

【问题标题】：passing url parameters to iframe, using jquery or javascript使用 jquery 或 javascript 将 url 参数传递给 iframe
【发布时间】：2010-12-12 09:55:27
【问题描述】：

在网上搜索了很多之后，我终于决定发布这个问题。

我正在使用 THICKBOX jquery 选项卡。单击任何选项卡时，我想将 URL.IDNUMBER 传递给选项卡页上的 iframe。我只需在主页上使用 jquery 就可以发送 IDNUMBER 并将其显示在文本框中

$("#mytest").val('IDNUMBER');

标签页：

<input id="mytest" name="IDNUMBER" type="text">

但我无法将 idnumber 作为 url 参数传递给 iframe。标签页是 HTML 页面。

谢谢

【问题讨论】：

粘贴代码会有帮助。
Thickbox 已被弃用。现在，为您的模态灯箱使用不同的解决方案要明智得多。

标签： javascript jquery url iframe parameters

【解决方案1】：

今天我遇到了同样的问题。我用以下方法解决了它：

<iframe id="inviteFriendsFrame" src ="location_to_iframe?paremater1=value1&parameter2=value2" width="529px" height="300"></iframe>

然后在 iframe 中我们可以从 javascript 中解析 GET，我用过这个

http://jquery-howto.blogspot.com/2009/09/get-url-parameters-values-with-jquery.html

function getUrlVars() { // Read a page's GET URL variables and return them as an associative array.
    var vars = [],
        hash;
    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
    for (var i = 0; i < hashes.length; i++) {
        hash = hashes[i].split('=');
        vars.push(hash[0]);
        vars[hash[0]] = hash[1];
    }
    return vars;
}

所以我有所有的 get 变量，因此可以这样做：

parameters = getUrlVars(); //which leads to:
console.log(parameters['param1']); //Writes 'value1' to console

希望我有所帮助。请注意，虽然链接来自 jQuery 站点，但代码是通用 JavaScript。

【讨论】：

此解决方案仅在 location_to_iframe 不执行自动重定向时才有效，然后您会丢失所有参数。这发生在我身上，我有一个域，它会自动重定向到另一个页面，具体取决于国家
我认为 iframe 的本质是它应该独立于承载它的框架。因此，所有的通信都应该采用 GET 或 POST 值的形式。您是否控制导致重定向的域上发生的事情？