JS__框架主页面F5刷新iframe框架页面

Posted 2021-02-20 Kikyo

1. 前言

一般的后台管理系统，通常是主页面和iframe结合使用，在调试过程中，F5总是刷新全部页面，不利于调试

2. 方案

    //这段代码放到主页面，F5刷新框架页面
    $("body").bind("keydown", function (event) {
        if (event.keyCode == 116) {
            event.preventDefault(); //阻止默认刷新
            $("#mainFrame").attr("src", window.frames["mainFrame"].src);
        }
    })
    //这段代码放到mainFrame里面，F5刷新框架页面
    $("body").bind("keydown", function (event) {
        if (event.keyCode == 116) {
            event.preventDefault(); //阻止默认刷新
            //location.reload();
            //采用location.reload()在火狐下可能会有问题，火狐会保留上一次链接
            location = location;
        }
    })

原文链接：https://blog.csdn.net/weixin_42660884/java/article/details/84957204