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获取网址参数。因此，上述页面的iframe网址将为

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

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

1 个答案: