js实现刷新iframe的方法汇总

前端技术 2023/09/02 JavaScript

javascript实现刷新iframe的方法的总结，现在假设存在下面这样一个iframe，则刷新该iframe的N种方法有：

http://www.phpstudy.net/\";
document.frames(\"refreshAlarm\").src=\"http://www.phpstudy.net/\";

注意区别：document.all.refreshAlarm 或 document.frames(\"refreshAlarm\") 得到的是http://www.phpstudy.net/页面中那个iframe标签，所以对src属性操作有用。
document.frames(\"refreshAlarm\").document得到iframe里面的内容，也就是\"http://www.phpstudy.net/\"中的内容。

javascript(js)自动刷新页面的实现方法总结:

间隔10秒刷新一次，在页面的head标签中加入下面的代码段：

复制代码 代码如下:

<meta http-equiv=\"refresh\"content=\"10;url=跳转的页面或者是需要刷新的页面URL地址\">

定时刷新页面（间隔2秒刷新一下页面）：

复制代码 代码如下:

<script language=\"javascript\">
setTimeout(\"location.href=\'url\'\",2000);//url是要刷新的页面URL地址
</script>

直接刷新页面事件：

复制代码 代码如下:

<script language=\"javascript\">
window.location.reload(true);
//如需刷新iframe，则只需把window替换为响应的iframe的name属性值或ID属性值
</script>

直接刷新页面事件：

复制代码 代码如下:

<script language=\'\'javascript\'\'>
window.navigate(\"本页面url\");
</script>

直接刷新页面事件：

复制代码 代码如下:

function abc(){
window.location.href=\"/blog/window.location.href\";
setTimeout(\"abc()\",10000);
}

刷新框架页：

复制代码 代码如下:

<script language=\"javascript\">
top.leftFrm.location.reload();
parent.frmTop.location.reload();
</script>

以上所述就是本文的全部内容了，希望大家能够喜欢。

本文地址：https://www.stayed.cn/item/3953

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案