后退按钮控制iframe

时间:2016-01-21 17:09:49

标签: javascript html iframe history back

首先,使用Javascript并不是那么好。因此,如果您有答案,请使用完整的脚本。

我正在尝试构建一个充当浏览器的个人网页。 (更大系统的一部分)所以我需要一个后退和前进按钮。找到了很多(较旧的)文章,这些文章都不适用于我,而且那些工作过的人并不能很好地工作。

尝试了很多东西,但我想用一个函数来控制事物。我发现我应该使用history.back()thingy,它在主页面上工作一次,从直接按钮开始。 (似乎无法从函数内部开始工作)

所以这是我目前的代码:

<!DOCTYPE html>
<html>
<body>


<iframe align="center" width="100%" height="20%" src="http://www.google.nl" frameborder=yes scrolling="yes" name="iframe" id="iframe"> </iframe>

<button type="button" onclick="ownBack()">Click me</button>

<script type="text/javascript">
function ownBack() {

    var x = document.getElementById('iframe');
    var y = (x.contentWindow || x.contentDocument);
y.history.back();
}
</script>

</body>
</html>

* PS:使用最新的Firefox,并获得&#34;忽略X-frame选项&#34;插件,所以谷歌和所有其他页面应该在iframe中工作。您可能希望在测试时更改iframe的网址。

2 个答案:

答案 0 :(得分:0)

你试过这个吗?

9095

答案 1 :(得分:0)

错误:

  

SecurityError:阻止具有访问权限的原始帧   跨界框架。

有关此内容的更多信息以及解决方法:SecurityError: Blocked a frame with origin from accessing a cross-origin frame

如果我使用选项--disable-web-security运行它,则适用于我。