HTML迷你浏览器后退按钮禁用

时间:2013-06-21 11:12:54

标签: html iframe browser-history

我有以下网页:

<!Doctype html>
<html>
<head>
<script>
function display(value){
document.getElementById('displayer').src=value;
return false;
}
</script>
</head>
<body>
<form name="x" onsubmit="return display(this.y.value)">
<input name="y" /><input type="submit" value="display"/>
</form>
<iframe id="displayer">ERROR</iframe>
<button onclick="document.getElementById('displayer').contentWindow.history.back()">Click me to go back in the history of iframe!</button>
</body>
</html>

并且后退按钮工作正常,但当有人到达他们开始的页面(在iframe中)并且他们点击后退按钮,它将他们带到他们在整个浏览器窗口中访问的上一页。当有人到达他们开始使用的页面时,我怎么能以某种方式禁用后退按钮?

我可以使用文本框中的值来跟踪他们开始使用的页面,但是如何知道iframe当前访问的是哪个页面?

如果我可以知道iframe当前正在访问哪个页面,那么我可以轻松地设置一个条件语句来禁用该按钮......

我试过了:

document.getElementById("displayer").contentWindow.location.href

但它给了我未定义的!

我正在google chrome最新版本上使用ubuntu 12.10。

请帮忙......

1 个答案:

答案 0 :(得分:0)

修改

回答两个问题:

当有人到达他们开始使用的页面时,我怎么能以某种方式禁用后退按钮?

  

你不能。

如何知道iframe当前访问的是哪个页面?

  

在这种情况下,没有办法。

出于安全原因,就像您无法从网站外部的来源使用AJAX获取内容一样,如果您的网站不在外,则无法获取iframe网址。