Javascript 带有iframe非活动重定向的页面_Javascript_Jquery_Html_Redirect_Iframe

Javascript 带有iframe非活动重定向的页面

javascript jquery html redirect iframe

Javascript 带有iframe非活动重定向的页面,javascript,jquery,html,redirect,iframe,Javascript,Jquery,Html,Redirect,Iframe,我有一个带有iframe的页面。我添加了一个代码，如果用户在x秒内不活动（没有按键和鼠标移动），页面将重定向到主页。我的问题是，代码只在母页面中工作，但在iframe中没有检测到mousemove和keydown，从而使它在iframe中每次都重定向，尽管有活动。我尝试在iframe的onload事件中调用一个函数，但这不起作用。以下是该页面的代码： <!DOCTYPE html> <html> <head> <meta charset="utf-8"

我有一个带有iframe的页面。我添加了一个代码，如果用户在x秒内不活动（没有按键和鼠标移动），页面将重定向到主页。我的问题是，代码只在母页面中工作，但在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>


样品
函数重定向（）
{
无功定时器；
window.onload=document.onmousemove=document.onkeypress=function（）{
清除超时（计时器）；
timer=setTimeout（函数（）{location='index.html'}，3000）；
}
}
...

任何帮助都将不胜感激。谢谢大家!

您已将iframe设置为100%宽度和800px高度。这几乎是你所有的网页。 iFrame设计用于将其他网页的响应部分插入到页面中。在代码中，整个页面似乎都是iframe。因此，你必须问问自己，如果iframe几乎占据了整个页面，为什么还需要它？为什么不直接链接到页面

基本上，“主页”不会检测iframe中的移动和活动，因为它不在其控制范围内，因此会对您编写的脚本进行操作。唯一发生的活动是在iframe中链接到的网页上。

尽量避免使用iframes

不要使用iFrame，它们已经过时了。我可以用什么方式显示一个我无法控制的页面？@Jonast92如果iFrame已经过时了，应该用什么来代替呢？或者，如果我无法控制我的dock，有什么方法可以将它嵌入重定向站点？为什么不尝试在这种情况下使用php会话？不要使用iFrame，它们已经过时了。我可以用什么方式显示我无法控制的页面？@Jonast92如果iFrame已经过时，应该用什么来代替呢？或者，如果我无法控制重定向站点，有没有办法将我的dock嵌入到重定向站点？为什么不尝试在这种情况下使用php会话？我需要我的dock仍然存在于链接页面中，但我无法控制iframe中的页面。无论如何，谢谢你的帮助！还不能投票，但你是一个帮助！谢谢我需要我的dock仍然存在于链接页面中，但我无法控制iframe中的页面。无论如何，谢谢你的帮助！还不能投票，但你是一个帮助！谢谢