<!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. linux下motion摄像头监控编译与配置

    利用linxu下的开源的motion搭建嵌入式视频动态监控系统 所谓移动图像监测,简单来说就是利用摄像头定点监测某个区域,当有移动物体经过时,摄像头便自动抓拍(要监测多大物体.按拍照速率都是可调的), ...

  2. Android ViewPager初探：让页面滑动起来

    下一篇:<Android ViewPager再探:增加滑动指示条> ViewPager需要用到适配器PagerAAdapter,以下四个函数需要重写: instantiateItem(Vi ...

  3. arc如何破循环或交叉引用

    IOS两种常见的循环引用: 1,两个类之间互相定义对方的引用 如下: //ARC code @interface A : NSObject @property (nonatomic,strong) B ...

  4. 如何在TFS中恢复系统默认查询”已指派给我”的设置（TFS 2013)

    故事是这样开始的,一天开发人员求助说,在浏览器中修改了系统默认的工作项查询"已指派给我"的后,发现这个查询每次都提示超时,并且没有办法恢复到初始的设置状态,因为出现超时提示以后,查 ...

  5. KVM 介绍（7）：使用 libvirt 做 QEMU/KVM 快照和 Nova 实例的快照 （Nova Instances Snapshot Libvirt）

    学习 KVM 的系列文章: (1)介绍和安装 (2)CPU 和 内存虚拟化 (3)I/O QEMU 全虚拟化和准虚拟化(Para-virtulizaiton) (4)I/O PCI/PCIe设备直接分 ...

  6. 查看centos系统版本

    1.查看系统版本 [root@yl-web yl]# cat /etc/redhat-release CentOS Linux release 7.1.1503 (Core) 2.查看内核版本 [ro ...

  7. C++/C#互调步骤

    一.C#调用C++ dll步骤(只能导出方法):  * 1. c++建立空项目->源文件文件夹中添加cpp文件和函数  * 2. c++属性设置中,配置类型设置为动态库dll,公共语言运行时支持 ...

  8. 第15章 设备无关位图_15.2 显示和打印DIB

    15.2.1 探究DIB (1)DIB文件的结构 整个文件 紧凑DIB(整个文件除文件头) 文件头(File Header) 信息头(Information Header) 信息头(Informati ...

  9. combobox 属性、事件、方法

    一 .combobox 属性.事件.方法公共属性 名称 说明 AccessibilityObject 获取分配给该控件的 AccessibleObject. AccessibleDefaultActi ...

  10. java 22 - 6 多线程之线程调度和设置线程的优先级

    线程调度 假如我们的计算机只有一个 CPU,那么 CPU 在某一个时刻只能执行一条指令,线程只有得到 CPU时间片,也就是使用权,才可以执行指令. 那么Java是如何对线程进行调用的呢? 线程有两种调 ...