`

F5 刷新iframe实现方法

 
阅读更多

        最近在做项目过程中,做后台管理模块的时需要在F5刷新页面的时候,只刷新iframe中内容,在网上找到解决方法是通过监听F5按下事件实现的,代码如下:

var check=function(e){
			
			e=e||window.event; //alert(e.which||e.keyCode);
			if((e.which||e.keyCode)==116){
				if(e.preventDefault){
					e.preventDefault();
					window.frames["mainFrame"].location.reload(); 
				} else{
					event.keyCode = 0; 
					e.returnValue=false;
					window.frames["mainFrame"].location.reload();
				}
			}
		}
		
	if(document.addEventListener){ 
		document.addEventListener("keydown",check,false); 
	} else{ 
		document.attachEvent("onkeydown",check); 
	}

 把此代码放在使用iframe的页面,当事件是在主页面触发的时候可以实现,但是事件是在iframe中触发的时候,不起作用。

     因此作如下处理,问题解决:

        在iframe页面中同样一如以上代码,稍作修改即可,代码如下:

        

var check=function(e){
	
	e=e||window.event; //alert(e.which||e.keyCode);
	if((e.which||e.keyCode)==116){
		if(e.preventDefault){
			e.preventDefault();
			window.location.reload(); 
		} else{
			event.keyCode = 0; 
			e.returnValue=false;
			window.location.reload();
		}
	}
}

if(document.addEventListener){ 
	document.addEventListener("keydown",check,false); 
} else{ 
	document.attachEvent("onkeydown",check); 
}

 

分享到:
评论

相关推荐

    js 能实现监听F5页面刷新子iframe 而父页面不刷新的方法

    通过保存iframe的src属性并重新赋值,我们能够刷新iframe内容而不影响父页面。当然,这种方法要求父页面和子iframe之间在相同域下,否则JavaScript的跨域限制将导致代码无法正常工作。通过这种方式,开发者可以灵活...

    js定时刷新页面的方法

    如果在此时用户按F5刷新页面,可能导致数据重复提交。为了避免这种情况,可以使用`location.replace()`来替换当前历史记录,这样刷新不会重新执行请求: ```javascript // 提交表单后 location.replace('...

    解决vue项目F5刷新mounted里的函数不执行问题

    当用户f5刷新页面时,整个页面会重新去请求,js的状态变量消失,但是el节点并未重新建立。 因为,mounted是el被新创建的vm.$el替换,并挂载到实例上去之后调用的钩子,此处el并未重新挂载,故该钩子函数不会被调用。...

    ASP.NET 页面刷新的实现方法(包括html,js)

    下面详细介绍这些实现方法。 首先是使用C#实现页面刷新的方法: 1. 使用`Response.Redirect`方法。这是一种最为常见的页面刷新方式,它会向服务器发送一个请求来重新定向到指定的URL。例如: ```csharp private ...

    js刷新页面方法大全

    JavaScript(简称JS)是运行在...开发者可以根据实际需求选择合适的方法来实现页面刷新。需要注意的是,一些方法可能会对用户体验产生影响,如自动刷新可能会影响用户正在填写的表单信息,因此在使用时需要谨慎选择。

    JavaScript多种页面刷新方法小结

    - history.go(0):类似按F5刷新当前页面。 - location=location或location.assign(location):这两种写法等同于调用location.reload()。 - document.execCommand('Refresh'):通过执行一个命令来刷新页面。 - window...

    UrlRewriter 缓存问题及一系列的相关探索

    为了解决这个问题,开发者通常需要执行一系列操作:在新标签中打开iframe页面,使用CTRL+F5强制刷新,再切换回原标签页按F5刷新。这些步骤的目的是确保每个步骤中浏览器都使用了正确的刷新和缓存清除方法。 在实验...

    动态生成的IFRAME,设置SRC时的问题解决分析

    在JavaScript中,动态创建IFRAME元素是一种常见的技术,用于在网页中嵌入其他网页或者实现某些特定功能。然而,动态生成的IFRAME在设置`src`属性时,可能会遇到一些问题,尤其是在不同的浏览器环境下,如IE7和IE6。...

    深入理解浏览器的各种刷新规则

    3. Ctrl+F5刷新/Ctrl+Shift+R刷新:强制刷新,浏览器不使用任何缓存,请求头中的`cache-control`设为`no-cache`和`Pragma: no-cache`,要求服务器返回完整的最新资源,状态码通常为200 OK。 4. 后退刷新:在某些...

    捕获键盘事件(且兼容各浏览器)

    例子:屏蔽浏览器F5刷新,代用刷新iframe框架 代码如下:// 捕获F5事件$(“body”).keydown(function(e){var ev = window.event || e;var code = ev.keyCode || ev.which;if (code==116) { // 阻止默认的F5事件if(ev...

    动态生成的IFRAME,设置SRC时的,不同位置带来的影响

    当`src`属性在`appendChild`之后设置时,虽然表面上看起来一切正常,但在刷新页面(F5或使用刷新按钮)时,可能会出现额外的请求。例如,在上述代码中,IFRAME的`src`被设置为`//www.jb51.net`,刷新页面时,会出现...

    网页保护方法大全.pdf

    在脚本中,通过`onKeyDown()`函数检测特定按键的按下事件,例如`event.keyCode==116`(F5刷新)、`window.event.ctrlKey`(Ctrl键)、`window.event.shiftKey`以及`event.keyCode==122`(F2键),并且让这些操作无效...

    js location.replace与location.reload的区别

    第二行注释代码是关于使用parent.document.location.reload()方法,这将重新加载父窗口的当前文档,效果类似于用户在父窗口中按F5刷新。第三行注释代码是关于使用window.location.href = parent.location.href来改变...

    如何删除shopex 后台桌面广告及版权相关信息三

    此时,你可能需要清除ShopEx系统的缓存,或者在浏览器中强制刷新页面(通常可以使用Ctrl+F5键组合)。如果广告仍然存在,可能是浏览器缓存没有及时更新,尝试清理浏览器缓存,或者在另一台计算机上查看,以确认更改...

    ASP.NET网页设计的24条小技巧

    - F5:刷新 - Ctrl+D:收藏当前页面 - Esc:快速关闭弹出窗口 - Home/End:快速滚动到页面顶部/底部 - Ctrl+O:打开文件 - Ctrl+I:查看网页源代码 - Ctrl+H:历史记录 - Alt+HOME:返回主页 #### 技巧20:...

    网页制作必看技巧

    19. **快捷键功能**:IE5.0及以上版本支持多种快捷键操作,如Ctrl+F查找,Ctrl+W关闭当前窗口,F5刷新页面,Ctrl+D添加书签等,提升用户操作便利性。 20. **收藏页面**:`('http://网址', '名称');">收藏此页</a>`...

    网页制作经典技巧24条

    - `F5`:刷新当前Web页面 - `Ctrl+D`:收藏当前页面 - `Esc`:停止加载当前页面 - `Home`:快速定位到页面顶部 - `End`:快速定位到页面底部 - `Ctrl+O`:打开文件 - `Ctrl+I`:查看页面信息 - `Ctrl+H`:历史记录 -...

Global site tag (gtag.js) - Google Analytics