F5刷新的时候只刷新里面的内联框架里面的页面

2019独角兽企业重金招聘Python工程师标准>>>

      因项目的需要，我们内联框架里面的内容又是一个页面，很多时候我们只要刷新框架里面的内容。而外面的框架我们是不需要刷新的，但是浏览器默认的行为是刷新最外面的，所以就要改善浏览器默认的F5刷新行为，其思路主要如下：

其主要思路就是监听键盘里面的F5事件，当用户按下F5,就在其事件处理函数里面将内联框架给重新加载一下，禁止掉按F5浏览器的默认操作即可

1. 页面包含的内联框架为：

 
<iframe id="frame_content" src="/nms/baseinfo/" scrolling="no" name="iframe_a" frameborder="0" onload="this.height=100" width="841px" allowtransparency="true"></iframe>

 

2.页面按F5的事件处理函数为：

document.onkeydown = function() 
{ 
    if ( event.keyCode == 116) 
    { 
        event.keyCode = 0; 
        event.cancelBubble = true;  //
        window.frames["iframe_a"].location.reload();//重新加载内联款架里面的内容
        return false; //主要是这句阻止了浏览器默认的行为
    } 
}

下面有一个比较好的网站，我之前写这个博客的时候没有看到，后面写完了才看到，非常不错

http://xiuluocd.iteye.com/blog/1879434

转载于:https://my.oschina.net/u/1540325/blog/407929