点击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)
答案 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