WordPress 3.2.1。我有一个页面,其中嵌入了外部页面的 iframe。即在 WP 页面中我有以下代码
<iframe src="http://external.website/page" width="100%" height="300">
我可以动态设置外部网站源吗?通过 URL 参数?假设上面的页面是http://mysite.com/myiframe-page http://mysite.com/myiframe-page。如果页面 URL 是,我希望我的 iFrame SRC 获取 URL 参数。所以上面页面的 iframe URL 将是
<iframe src="http://external.website/page?country=sg¤cy=sgd" width="100%" height="300"></iframe>
这在 WordPress 中可能吗?如何?我很新抱歉。
是的,iFrame 可以做到这一点。然而,这是一种古老的编码方式。我会推荐 Ajax 请求或一些 PHP 包含而不是 iFrames.. 有时在这种情况下,这似乎是一个更快的 hack。
只需更改您的代码即可:
<iframe src="http://external.website/page?country=sg¤cy=sgd" width="100%" height="300"></iframe>
to
<iframe src="http://external.website/page?country=sg¤cy=sgd" width="100%" height="300" name="iframeTarget" id="iframeTarget"></iframe>
现在,使用 jQuery 或某些 JavaScript,您可以动态更改 iframe URL,因为您拥有指定的目标和 ID。
Example.
<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;
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)