我想自动刷新加载php页面的iframe,但它刷新整个页面,而不是刷新iframe。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Fouad Ali</title>
<script>
var links = "/proj/index.php";
var i = 0;
var renew = setInterval(function(){
document.getElementById("foo").src = links;
// alert("refreshed");
},5000);
</script>
</head>
<body>
<iframe id="foo" src="/proj/index.php"></iframe>
</body>
</html>
试试这个:
<script>
var src = $('#foo').attr('src');
setInterval(function () {
$('#foo').remove();
var iframe_html = '<iframe src="'+ src +'" width="100%" height="100%"></iframe>';
$('#iframe').html(iframe_html);
}, 1000);
</script>
<span id="iframe">
<iframe id="foo" src="http://www.google.com" width="100%" height="100%"></iframe>
</span>
如果你使用任何服务器端语言的页面将总是看起来像刷新本身,但如果你检查网页的网络调用,它会显示你的页面和重复点击iframe的src。
<script type="text/javascript">
setInterval(refreshIframe, 5000);
function refreshIframe() {
var frame = document.getElementById("Frame");
frame.src = frame.src;
}
</script>
<iframe id="Frame" src="http://www.aspforums.net" frameborder="0"></iframe>
希望这个脚本对你有所帮助:
<script>
window.setInterval("reloadIFrame();", 30000);
function reloadIFrame() {
document.frames["myiframe"].location.reload();
}
</script>
和iframe的HTML代码为:
<iframe name="myiframe" src="/proj/index.php"></iframe>