2016-05-08-javascript-当窗体获得焦点时刷新窗体

走成华大道,到二仙桥,练腰马合一

需求是这样的,我点击父窗体的超链接<a href="_blank"></a>弹出子窗体,我想子窗体关闭后,回到父窗体时刷新一下父窗体中的数据。

第一次使用如下代码

<script type="text/javascript">
    window.onfocus = function() {
        console.log("获得焦点");
         window.location.reload();
    };
    window.onblur = function() {
        console.log("失去焦点");

    };
</script>

结果发现,子窗体关闭后,父窗体会一直刷新。

原因是:子窗体关闭后,返回父窗体触发了window.onfocus,然后调用了 window.location.reload(); 之后,页面从上往下再次执行的时候,是会再次进入window.onfocus中的,所以又再次调用了 window.location.reload();。 就这样一直循环,所以页面一直在刷新

解决方法,设置一个hidden标签,用它的value来控制是否刷新。

<script type="text/javascript">
    window.onfocus = function() {
        if($("#freshflag").value == "fresh"){ // 表示要刷新 {
            window.location.reload();
            $("#freshflag").value = "";
        };    
        console.log("获得焦点");
    };
    window.onblur = function() {
        console.log("失去焦点");
        $("#freshflag").value = "fresh";
    };
</script>
    <!--  用来防止多次刷新页面 -->
    <input type="hidden" id="freshflag" value="fresh" />