Iframe在Chrome下重复请求页面的解决办法

最新推荐文章于 2024-02-26 20:33:40 发布

原创最新推荐文章于 2024-02-26 20:33:40 发布 · 3.8k 阅读

3 ·

CC 4.0 BY-SA版权

easyui 同时被 2 个专栏收录

3 篇文章

订阅专栏

jsp

2 篇文章

订阅专栏

本文探讨了在EasyUI布局中使用iframe时遇到的同一页面重复加载问题，并提供了两种有效解决方案：一是将src属性置空后通过JS动态设置；二是利用$(window).load()方法动态创建并附加iframe。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<div class="easyui-layout" data-options="fit:true">
       <div id="ifmPanel" data-options="region:'center',border:false">
 	  <iframe id="example" src="test/example'" style="scrolling:no;border:none;width:100%;height:99.5%;overflow:visible"></iframe>
       </div>
</div>

在easyui layout中按上面代码添加iframe，会出现多次请求同一个页面的问题，解决办法很简单：

第一种把src置空，不要直接在代码中写页面路径，然后使用js动态设置src

第二种则是按下面代码操作

<div class="easyui-layout" data-options="fit:true">
       <div id="ifmPanel" data-options="region:'center',border:false">

       </div>
</div>

$(window).load(function(){
  var ifm = $('<iframe src="test/example" style="scrolling:no;border:none;width:100%;height:99.5%;overflow:visible"></iframe>');
  ifm.appendTo($("#ifmPanel"));
});