如何将 URL 参数传递给 Wordpress 页面中的 iFrame？答案

【问题标题】：How do I pass URL parameter to an iFrame in Wordpress page?如何将 URL 参数传递给 Wordpress 页面中的 iFrame？
【发布时间】：2011-10-17 07:58:39
【问题描述】：

WordPress 3.2.1。我有一个嵌入了外部页面的 iframe 页面。即在 WP 页面中我有以下代码

<iframe src="http://external.website/page" width="100%" height="300">

我可以动态设置外部网站源吗？通过 URL 参数？假设上面的页面是http://mysite.com/myiframe-page。如果页面 URL 是 http://mysite.com/myiframe-page?country=sg&currency=sgd，我希望我的 iFrame SRC 获取 URL 参数。所以上述页面的 iframe URL 将是

<iframe src="http://external.website/page?country=sg&currency=sgd" width="100%" height="300"></iframe>

这在 wordpress 中可行吗？如何？我很新很抱歉。

【问题讨论】：

如果您满意，请标记我的答案
对不起，时差。谢谢，我现在就试一试。

标签： wordpress

【解决方案1】：

是的，iFrame 可以做到这一点。然而，这是一种古老的编码方式。我会推荐一个 Ajax 请求或一些 PHP 包含而不是 iFrames。有时在这种情况下，它似乎是一个更快的 hack。

只需从这里更改您的代码：

<iframe src="http://external.website/page?country=sg&currency=sgd" width="100%" height="300"></iframe>

到

<iframe src="http://external.website/page?country=sg&currency=sgd" width="100%" height="300" name="iframeTarget" id="iframeTarget"></iframe>

现在使用 jQuery 或一些 JavaScript，您可以动态更改 iframe URL，因为您有一个命名的目标和 ID。

示例。

<a href="yoursite.php?andStrings=uptoyou&page=1" onclick="return loadIframe('iframeTarget', this.href)"> change link 1 </a>

jQuery

    function loadIframe(iframeName, url) {
    var $iframe = $('#' + iframeName);
    if ( $iframe.length ) {
        $iframe.attr('src',url);   
        return false;
    }
    return true;
}

【讨论】：