Question

我的脚本的iframe源代码为foo.php。

我的页面上还有5个链接，点击后会触发javascript函数来更改源代码。唯一的问题是，点击一个链接并更改iframe后，下次点击链接时它就不会再改变了。

这是javascript：

<script>
function changeSource(newSource) {
    parent.sec1.document.location=newSource;
}
</script>

这是html：

<a href="#calandar" onclick="changeSource('http://www.example.com/view.php')">Calandar</a><br />
<a href="#facebook" onclick="changeSource('http://www.facebook.com')">Facebook</a><br />
<a href="#gmail" onclick="changeSource('http://www.gmail.com')">Gmail</a><br />
<a href="#reddit" onclick="changeSource('http://www.reddit.com')">Reddit</a><br />
<a href="#twitter" onclick="changeSource('http://www.twitter.com')">Twitter</a><br />
</div>

<div id="sec1">
<iframe src="view.php" name="meat" width="100%" height="75%" ></iframe>
</div>

感谢。

Answer 1

如果我正确理解了您的问题，请尝试将ID添加到该iframe，并执行：


function changeSource(newSource) {
  document.getElementById('yourIframeId').src = newSource;
}

希望有所帮助

Answer 2

<script>
function changeSource(newSource) {
    document.getElementById('my-iframe').src=newSource;
}
</script>
...
...
...
<iframe src="view.php" id='my-iframe' width="100%" height="75%" ></iframe>

首次更改后，Javascript不会更改iframe源代码

2 个答案: