使用 iframe 获取动态 src

Question

模板代码是这样的：

 <!DOCTYPE html>
  <html>
   ...
    <iframe width="100%" height="300px" src="http://www.bing.com" name="iframe_a">    </iframe>
 </html>

但我想让嵌入式框架搜索一些在 iframe 外部获得的字符串，即 http://www.bing.com/search?q=(some string)

我该怎么办？

Answer 1

首先，给 iframe 一个 id:

<iframe id="myIframe" width="100%" height="300px" src="http://www.bing.com" name="iframe_a">    </iframe>

根据您的评论更新：

PHP

<?php 
$search = "test";
?>

JavaScript:

<script>
var currentSrc = document.getElementById('myIframe').src;
document.getElementById('myIframe').src = currentSrc + "search?q=<?php echo $search; ?>";
</script>

CODEPEN DEMO

使用 iframe 获取动态 src

Get dynamic src using iframe

html

iframe

src