Question

我有一个包含iframe的页面。如果用户处于非活动状态x秒（没有keydown和mousemove），我会设置一个代码，页面将重定向到主页。我的问题是代码只能在母版页中工作，但不检测iframe中的mousemove和keydown，因此尽管有活动，它仍然会在iframe内部重定向。我尝试在iframe的onload事件中调用一个函数，但这不起作用。以下是该页面的代码：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>SAMPLE</title>
<link href="main.css" rel="stylesheet" type="text/css" media="screen" />
<script language="javascript">
function redirect()
{
var timer;
window.onload= document.onmousemove= document.onkeypress= function(){
clearTimeout(timer);
timer=setTimeout(function(){location= 'index.html'},3000);
}
}
</script>


</head>

<body bgcolor="blue" onLoad="redirect();">
<iframe src="http://tplink.teleperformanceusa.com" frameBorder="0" width="100%" height="800px" onLoad="redirect();"></iframe>

...

</body>
</html>

任何帮助将不胜感激。谢谢！

Answer 1

您的iframe设置为100％宽度和800px高度。这几乎是你的所有网页。 iframe旨在将其他网页的响应部分插入到页面中。在您的代码中，看起来整个页面都是iframe。所以你必须问问自己，为什么你需要iframe，如果几乎所有的页面？为什么不直接链接到页面？

基本上'母页'不会检测iframe中的移动和活动，因为它超出了它的控制范围，因此会对您编写的脚本进行操作。发生的唯一活动是在您在iframe中链接的网页上。尽量避免使用iframe。

具有iframe不活动重定向的页面

1 个答案: