<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <title></title>

    <script></script>

    <style>

        .gray {color:#ccc !important; background-color:#eee !important; border-color:#eee  !important;  }

        .black { color:black !important;  }

        #autoRefresh_label { cursor:pointer; }

    </style>

</head>

<body>

    <div id="autoRefresh_div"   style="-moz-user-select:none;" onselectstart="javascript:return false;">

        <input type="checkbox" checked="checked" id="autoRefresh_checkbox" />

        <label for="autoRefresh_checkbox" id="autoRefresh_label">

            每

                    <select id="autoRefresh_select">

                        <option value="1">1分钟</option>

                        <option value="3" selected="selected">3分钟</option>

                        <option value="10">10分钟</option>

                        <option value="30">30分钟</option>

                    </select>

            自动更新</label>

    </div>

    <script>

        window.$$ = function (e) {

            if (document.getElementById(e)) { return document.getElementById(e); }

        }

        //父子同域才可以使用

        //document.domain = '';如果父子同域后缀，则可以通过设置该属性而实现跨域访问

        window.autoRefresh = function () {

            this.getCurrentIframe = function () {

                if (!parent || parent.document.getElementsByTagName('iframe').length === 0) {

                    return undefined;

                }

                var iframes = parent.document.getElementsByTagName('iframe');

                for (var i = 0; i < iframes.length; i++) {

                    if (iframes[i].src === document.location.href) {

                        return iframes[i];

                    }

                }

            }

            var that = this;

            this.init = function () {

                if (!parent['autoRefresh_checkbox_checked']) {

                    parent['autoRefresh_checkbox_checked'] = $$('autoRefresh_checkbox').checked;

                }

                else {

                    $$('autoRefresh_checkbox').checked = parent['autoRefresh_checkbox_checked'];

                }

                $$('autoRefresh_checkbox').onchange = function () {

                    parent['autoRefresh_checkbox_checked'] = $$('autoRefresh_checkbox').checked;

                };

                $$('autoRefresh_checkbox').onclick = function () {

                    $$('autoRefresh_checkbox').checked === false

                                       ? $$('autoRefresh_select').className = $$('autoRefresh_label').className = 'gray'

                                       : $$('autoRefresh_select').className = $$('autoRefresh_label').className = 'black';

                }

                if (!parent['autoRefresh_select_selected']) {

                    parent['autoRefresh_select_selected'] = $$('autoRefresh_select').value;

                }

                else {

                    $$('autoRefresh_select').value = parent['autoRefresh_select_selected'];

                }

                $$('autoRefresh_select').onchange = function () {

                    parent['autoRefresh_select_selected'] = $$('autoRefresh_select').value;

                    this.start();

                };

            }

            this.start = function () {

                var time = parseInt($$('autoRefresh_select').value) * 1000 * 60;

                setInterval(function () {

                    if ($$('autoRefresh_checkbox').checked) {

                        that.getCurrentIframe().src = document.location.href;

                    }

                }, time);

            }

            this.init();

        }

        new autoRefresh().start();

    </script>

</body>

</html>

if you put these codes in the iframe,then iframe can refresh auto.

auto refresh iframe的更多相关文章

  1. acm对拍程序 以及sublime text3的文件自动更新插件auto refresh

    acm等算法比赛常用---对拍 以及sublime text3的文件自动更新插件auto refresh 对拍 对拍即程序自动对比正确程序的运行结果和错误程序的运行结果之间的差异 废话少说, 直接上操 ...

  2. iframe父子页面之间相互调用元素和函数

    <!doctype html> <html> <head> <meta http-equiv="Content-Type" content ...

  3. iframe参数

    iframe参数: <iframe src="test.jsp" width="100″ height="50″ frameborder="no ...

  4. iframe的各项參数

    iframe的各项參数: <iframe src="test.jsp" width="100″ height="50″ frameborder=" ...

  5. Markdown中如何插入视频 > iframe？

    关于Markdown中如何插入视频这一问题   网上众说纷纭,一直也没找到一个确切的答案,想来也是,这些东西毕竟还不算成熟.各种以前提供过的方法现在来讲,可能在更新或是关闭大潮中又没了   而且,Ma ...

  6. iframe标签用法详解

      功能:iframe标签用于定义内联框架. 语法:<iframe></iframe> 内联框架是在一个页面中嵌入另一个页面. 有很多网页看上去是一个网页,但实际上它其中可能镶 ...

  7. vue组件中使用iframe元素

    需要在本页面中展示vue组件中的超链接,地址栏不改变的方法: <template> <div class="accept-container"> <d ...

  8. iframe使用大全

    <iframe src=”you page’s url” width=”100″ height=”30″ frameborder=”no” border=”0″ marginwidth=”0″ ...

  9. Iframe 用法的详细讲解

    1转自:https://blog.csdn.net/judyge/article/details/51786064 zIframe 用法的详细讲解 把iframe解释成“浏览器中的浏览器“很是恰当 & ...

随机推荐

  1. [转]Asp.net MVC 利用PartialView 构造自定义菜单

    本文转自:http://www.cnblogs.com/huyq2002/archive/2012/01/06/2314838.html 在VS2010中利用Asp.net MVC自带的模板生成的菜单 ...

  2. 详细说说 Google Test Certified 的各级——Level 2,3

    转载请联系作者,谢谢!   No releases with red tests基于Level1搭建的持续集成,持续发布选用的CL(changelist)就可以取自CI系统最后跑通的CL,因为持续集成 ...

  3. 使用ztree.js，受益一生，十分钟学会使用tree树形结构插件

    看到ztree.js,这几个字眼,毋庸置疑,那肯定就是tree树形结构了,曾经的swing年代有jtree,后来jquery年代有jstree和treeview,虽然我没写过,但是我见过,一些小功能做 ...

  4. using关键字的使用

    using语句的两个作用: 1)using可以导入命名空间 2)using可以释放对象占用的内存资源. 代码如下: using (SqlConnection con=new SqlConnection ...

  5. html5的小知识点小集合

      html5的小知识点小集合 html5知识   1.  Doctype作用?标准模式与兼容模式各有什么区别? (1).<!DOCTYPE>声明位于位于HTML文档中的第一行,处于< ...

  6. 关于OATUH中的AUTHRAZITON CODE和TOKEN的关系，实际上就是这么回事

    关于OATUH中的AUTHRAZITON CODE和TOKEN的关系,实际上就是这么回事 每回要拿AUTHRAZITON CODE换取TOKEN,然后才能正常通信, 为什么要多一步呢?直接给TOKEN ...

  7. Java面向对象：接口

    Java面向对象之接口 什么是接口:接口是一种规范和标准,他们可以约束类的行为,是一些方法特征的集合 语法: [修饰符] interface 接口名 extends 父接口1,夫接口2....... ...

  8. LoadRunner 12.02 安装教程及中文语言包安装

    注意事项: 安装前,把所有的杀毒软件和防火墙关闭. 若以前安装过LoadRunner,则将其卸载. 安装路径不要带中文字符. LoadRunner 12已经不再支持xp系统,仅支持win7和win8系 ...

  9. IOS

    网上课程:http://www.zhijieketang.com/ edu.51cto.com 码云:http://git.oschina.net/名字 Gesture:https://www.osc ...

  10. http协议（一）基础知识

    我自己写的随笔一般是偏学习笔记性质的,或者一点个人理解,适合新人,大牛可以忽略这个...... 参考书籍——<图解http> 当我们在浏览器的地址栏中输入网址,然后点击回车,接着,浏览器就 ...