码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2020-05-03 20:10:32      阅读:89      评论:0      收藏:0      [点我收藏+]

标签:bin   oca   code   efault   default   prevent   detail   管理系   frame   

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

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

标签:bin   oca   code   efault   default   prevent   detail   管理系   frame   

原文地址:https://www.cnblogs.com/kikyoqiang/p/12823027.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!