嵌入HTML页面会不断重定向?

时间:2014-06-04 23:55:41

标签: html embed frame

我正在尝试编写一个简单的html文档,每5秒自动刷新一次。但是,我想在其中嵌入一个网页。我试过嵌入标签,对象标签和iframe标签。但是,每次刷新页面时,我都会自动重定向到我要嵌入的页面。我目前的代码版本在这里:

<html>
<head>
<title>MEETME REFRESHER</title>
<script>
window.setInterval("reloadIFrame();", 30000);
function reloadIFrame()
{
    document.frames["meetframe"].location.reload();
}
</script>
</head>
<body>
<iframe src="http://www.meetme.com/apps/home" name="meetframe"></iframe>
</body>
</html>

我使用的是不正确的标签,还是有一些我在这里缺少的明显标签? 我一直在大约10个类似于W3Schools的网站,但无济于事。这可能是Chrome本地化的问题吗?我记得在学校做过类似的事情,尽管使用的是Internet Explorer。任何帮助或输入都非常感谢!

1 个答案:

答案 0 :(得分:1)

试试这个。使用iframe的sandbox属性。来源和更多信息here

<html>
<head>
<title>MEETME REFRESHER</title>
<script>
window.setInterval("reloadIFrame();", 3000);
function reloadIFrame()
{
    var fr=document.getElementById('meetframe');
    if(fr!=null) document.getElementById("container").removeChild(fr);
    var iframehtml="<iframe sandbox='allow-same-origin allow-scripts allow-popups allow-forms' src='http://www.meetme.com/apps/home' id='meetframe'></iframe>";
    document.getElementById("container").innerHTML=iframehtml;
}
</script>
</head>
<body>  
    <div id = "container">
        <iframe sandbox="allow-same-origin allow-scripts allow-popups allow-forms" src="http://www.meetme.com/apps/home" name = "meetframe" id="meetframe"></iframe>
    </div>
</body>
</html>