如何从内部更改iframe src

时间:2019-04-12 20:48:45

标签: javascript html

点击iframe中的按钮后,我需要更改iframe的src属性。

<button type="button" onclick="ch_src('page2.php')">Submit</button>

<script type='text/javascript'>
function ch_src(loc) 
{ 
var v = document.getElementById('iframe1');
v.src = loc;
}
</script>

(1)在使用window.location = loc;时会更改iframe的内容,但src仍指向上一页。
(2)为什么我们不仅需要在iframe中打开新页面,还需要更改src值?我们使用JS打印iframe内容(不包括iframe外部的内容)。此脚本在src中打印页面,而不是实际打开的页面。
(3)上面的函数大部分不能更改src,因为它无法获取本身(iframe)的元素ID,但可能是子元素。
(4)将函数移到iframe之外时,它不会执行。可能是由于“原产地政策相同”

最后,我们需要在iframe原因内的(page1.php)中单击一个按钮
(1)将(page2.php)加载到同一iframe中
(2)将iframe的src属性更改为(page2.php)

1 个答案:

答案 0 :(得分:0)

首先包含jquery 然后 在您的page1.php中尝试一下:

<script type="text/javascript">
$(document).ready(function(){
  $("iframe").load(function(){
      $(this).contents().find("button").click(function(){
      document.querySelectorAll("iframe").src = "https://example.com/page2.php";
      });
  });
});
</script>

为了更好地进行检测,请在此处粘贴您的page1.php