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

时间:2011-10-17 07:58:39

标签: wordpress

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中是否可行?怎么样?我很抱歉。

1 个答案:

答案 0 :(得分: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;
}