我正在尝试编写一个简单的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。任何帮助或输入都非常感谢!
答案 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>