JS--实现F5刷新iframe结构子页面

很多网站会把公共的部分放在一个页面，这个页面称之为父页面，而把具体的内容放入一个iframe中，之后的请求改变iframe的内容。但是这样会有一个问题，因为浏览器的url是父页面的链接，当你按F5刷新的时候，并不是刷新iframe所对应的页面，而是刷新了父页面，使系统回到了最初的位置。

需要实现F5刷新iframe结构子页面如下操作：

假设：其中index.jsp是父页面，mainFrame是对应的iframe框架ID

在index的部分，添加如下js代码，用来监听在index页面的F5的刷新操作。

$("body").bind("keydown", function (event) {
    if (event.keyCode == 116) {
        event.preventDefault(); //阻止默认刷新
        $("#mainFrame").attr("src", window.frames["mainFrame"].src);
    }
})

在iframe的子页面中，添加以下js代码（也可直接添加到JS文件中，这样就不需要在每个iframe的子页面中添加），监听iframe对应的页面的F5的刷新操作

$("body").bind("keydown", function (event) {
    if (event.keyCode == 116) {
        event.preventDefault(); //阻止默认刷新
        //location.reload();
        //采用location.reload()在火狐下可能会有问题，火狐会保留上一次链接
        location = location;
    }
})