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

Question

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中可能吗？如何？我很新很抱歉。

Answer 1

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

只需从此更改您的代码:

<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;
}