`
jxd_zxf
  • 浏览: 230814 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

关于关闭TAB,IFRAME占用的内存不能释放问题

 
阅读更多

使用TAB时注意,如果TAB是引用IFRAME,关闭TAB时IFRAME不会被销毁从而导致内存不能释放,大量使用TAB+IFRAME容易导致内存溢出,所以使用TAB时,一定要把jsUtil.js引用到页面上

 

$.fn.panel.defaults.onBeforeDestroy = function() {/* 回收内存 */
		var frame = $('iframe', this);
		if (frame.length > 0) {
			frame[0].contentWindow.document.write('');
			frame[0].contentWindow.close();
			frame.remove();
			if ($.browser.msie) {
				CollectGarbage();
			}
		}
	};

 

 以上全局扩展方法会覆盖掉panel的onBeforeDestroy事件,自动把iframe销毁释放内存

分享到:
评论

相关推荐

    关闭easyui 的tab 释放iframe的内存

    通过以上方法,可以在关闭EasyUI的标签页时有效释放`<iframe>`占用的内存,避免内存泄露带来的问题。这对于提高Web应用性能、提升用户体验具有重要意义。此外,开发者还可以根据项目需求进一步优化这些代码,例如...

    基于js的iframe 可关闭tab标签组件使用方法

    本教程将详细讲解如何使用JavaScript实现一个可关闭的iframe内嵌tab标签组件。这个组件能够帮助用户在同一个页面中方便地切换和管理多个内容区域,而无需刷新整个页面。 首先,`iframe`是HTML5中的一个元素,它允许...

    使用Iframe实现TAB页面切换

    - 跨域通信:如果Iframe加载的页面不在同一域名下,需要考虑CORS(跨源资源共享)策略,确保Iframe内的页面可以正常访问。 - 安全性:防止XSS(跨站脚本攻击)和CSRF(跨站请求伪造)等安全问题,尤其是在处理敏感...

    基于iframe的js动态标签tab

    总之,基于iframe的js动态标签tab是一种实用且灵活的网页设计方法,它使开发者能够在不离开主页面的情况下提供多视图的浏览体验,极大地丰富了网页交互性。通过掌握这一技术,开发者可以创建更加动态和用户友好的...

    jquery tab 切换页面 支持iframe

    标题"jquery tab 切换页面 支持iframe"所指的就是如何在jQuery Tab组件中嵌入和切换`iframe`内容。 jQuery Tab的基本原理是通过JavaScript和CSS来创建一个可交互的导航条,每个选项对应一个内容区域。当用户点击...

    jquery横排页签Tab+iframe代码示例

    **jQuery横排页签Tab与iframe整合的代码示例** 在网页设计中,页签(Tab)是一种常见的用户界面元素,用于将大量信息组织成不同的类别,提高用户体验。本示例将详细介绍如何使用jQuery实现横排页签,并结合iframe...

    jquery iframe tab实例(5个不同tab实例)

    最后,我们考虑一个高级功能,即浏览器关闭后能记住用户之前选择的tab。这个实例将使用cookies或localStorage来存储用户的选择,在页面重新加载时恢复到上次的状态。 在每一个实例中,你需要了解jQuery的选择器(如...

    jquery iframe动态添加删除tab选项卡

    jquery iframe动态添加tab选项卡 jquery iframe动态添加tab选项卡 jquery iframe动态添加tab选项卡 jquery iframe动态添加tab选项卡 jquery iframe动态添加tab选项卡 jquery iframe动态添加tab选项卡 jquery iframe...

    vue 页面tabs切换,替换iframe

    在这种场景下,原始的iframe技术可能会显得过时,因为它通常不支持单页应用(SPA)的特性,如路由管理和组件状态管理。标题提到的“vue 页面tabs切换,替换iframe”,就是指用Vue的特性和组件来实现更加现代和灵活的...

    SuperTabNavigator关闭 IFrame 错位

    6. **优化渲染策略**:在IFrame不活动时,可以暂停其内容的加载或更新,减少内存占用,同时避免关闭Tab时因IFrame内容未完全卸载导致的错位。 在实际操作中,我们需要根据项目的技术栈、性能需求以及兼容性要求来...

    TabDemo(支持iframe修改)

    在IT行业中,网页开发是一项重要的工作,而"TabDemo(支持iframe修改)"是一个关于使用jQuery实现的tab切换功能,特别优化了对iframe的支持。这个项目旨在帮助开发者在网页上创建一个用户友好的导航结构,通过点击不同...

    AdminLTE_Iframe_Tab

    基于AdminLTE框架,并且集成了iframe的tab页面,是一款适合中国国情的后台主题UI框架,当左侧菜单栏是收起状态时,鼠标移动到对应的菜单图标上,不会导致整个菜单栏撑开,而是出现对应的子菜单框悬浮效果

    JS可关闭tab 实用

    由于安全原因,JavaScript不能直接关闭当前打开的浏览器窗口或标签页,除非这个窗口或标签页是由JavaScript自身打开的。这是为了防止恶意网站未经用户许可就擅自关闭用户的页面。 要实现“JS可关闭tab”的功能,...

    easyui iframe 页面重复加载的问题

    在使用easyui框架开发Web应用时,特别是在使用tab布局的时候,开发者可能会遇到页面内容被放置在iframe中时,页面多次加载的问题。这种情况尤其会在使用easyui的tab布局时发生,因为easyui会默认加载所有tab的内容,...

    基于bootstrap用iframe实现的局部刷新的案例

    在这个“基于bootstrap用iframe实现的局部刷新的案例”中,我们将探讨如何利用Bootstrap结合JavaScript(特别是与标签相关的操作)以及iframe元素来实现页面的局部刷新和tab页切换效果。 首先,Bootstrap的Tab组件...

    JQUERY实现iframe页面切换功能

    本篇文章将详细讲解如何利用jQuery实现iframe页面的切换功能,以便于创建更丰富的用户体验和更高效的页面加载策略。 首先,我们需要理解iframe的基本概念。Iframe(Inline Frame)是HTML中的一个元素,它允许我们在...

    彻底修复E4A编辑器tab崩溃插件

    尽管官方可能已经提供了某种拦截tab崩溃的开关,但在某些情况下,这个开关并不能有效解决问题。描述中提到的插件正是为了应对这种状况,它经过实测证明可以有效地解决tab键导致的E4A崩溃问题。 安装此插件的方法很...

    jquery动态添加tab内嵌ifream插件

    在开发过程中,我们还可以对功能进行优化,例如添加Tab关闭功能、Tab滑动效果、记忆上次打开的Tab等。同时,为了提高性能和用户体验,可以考虑使用懒加载策略,只有在Tab被激活时才加载对应的iFrame内容。总的来说,...

    bootstrap-closable-tab tab可关闭组件

    例如,它如何添加事件监听器,如何构建DOM元素,以及如何在Tab关闭时清理相关资源。 在`bootstrap-closable-tab-master`这个压缩包中,你可能会找到以下文件: - `js` 文件夹:包含实现这个功能的JavaScript代码,...

    jQuery Tab插件 cleverTabs,用于在Tab中显示iframe

    **jQuery Tab插件 cleverTabs** 是一款用于网页中创建多标签功能的JavaScript库,它特别之处在于能够在每个标签页中嵌入`iframe`元素,从而实现动态加载和展示不同的网页内容。这款插件基于广泛使用的jQuery框架,为...

Global site tag (gtag.js) - Google Analytics