<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GBK">
<title></title>
<link href="../gstyle/listpage.css" rel="stylesheet" type="text/css" />
<link href="../gstyle/easyui.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="../javascript/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="../javascript/jquery.easyui.min.js"></script>
<script type="text/javascript" src="../javascript/easyui-lang-zh_CN.js"></script>
<script type="text/javascript">
$(function () {
//设置自适应高度
$('#tt').height(window.document.documentElement.scrollHeight-40);
$('#tt').tabs({
onSelect: function (title) {
loadHtmlFile(title);
}
});
});
function loadHtmlFile(title) {
switch (title) {
case "A":
{
$("#A").attr("src", "A_Tab.htm");
break;
}
case "B":
{
$("#B").attr("src", "B_Tab.htm");
break;
}
case "C":
{
$("#C").attr("src", "C_Tab.htm");
break;
}
case "D":
{
$("#D").attr("src", "D_Tab.htm");
break;
}
case "E":
{
$("#E").attr("src", "E_Tab.htm");
break;
}
case "F":
{
$("#F").attr("src", "F_Tab.htm");
break;
}
}
}
$(window).resize(function () {
resizeTabs();
});
function resizeTabs() {
$('#tt').tabs('resize');
}
</script>
</head>
<body>
<div class="bodyDiv">
<div id="tt" class="pagetabs">
<div title="A" style="overflow: auto; padding: 0px;">
<iframe id="A" src="" frameborder="0" style="width: 100%; height: 100%"></iframe>
</div>
<div title="B" style="overflow: auto; padding: 0px;">
<iframe id="B" frameborder="0" src="" style="width: 100%; height: 100%;"></iframe>
</div>
<div title="C" style="overflow: auto; padding: 0px;">
<iframe id="C" src="" frameborder="0" style="width: 100%; height: 100%"></iframe>
</div>
<div title="D" style="overflow: auto; padding: 0px;">
<iframe id="D" src="" frameborder="0" style="width: 100%; height: 100%"></iframe>
</div>
<div title="E" style="overflow: auto; padding: 0px;">
<iframe id="E" src="" frameborder="0" style="width: 100%; height: 100%"></iframe>
</div>
<div title="F" style="overflow: auto; padding: 0px;">
<iframe id="F" src="" frameborder="0" style="width: 100%; height: 100%"></iframe>
</div>
</div>
</div>
</body>
</html>
相关推荐
asp.net 中使用iframe动态加载页面
基于iframe的js动态标签tab基于iframe的js动态标签tab基于iframe的js动态标签tab基于iframe的js动态标签tab基于iframe的js动态标签tab
解决使用tab布局过程中页面多次加载的问题 如果在使用easyui过程中,你使用了easyui 的tab布局,在tab布局的内容上使用的不是content,而是iframe,那么你的页面有可能多次加载了,这篇文章帮你解决问题
非常好用的一款js集成的iframe,tab标签的使用,如果对各位有用的话,请回来给个好评,谢谢!
jquery tab 切换页面 支持iframe 有iframe引用示例
jquery iframe tab实例 jquery iframe tab实例 jquery iframe tab实例 jquery iframe tab实例 可实现动态添加或删除tab页
NULL 博文链接:https://13813962825.iteye.com/blog/2067021
vue页面tab切换,替换原来的iframe实现,利用vue的router-view和keep-alive实现
JS页面跳转和js对iframe进行页面跳转、刷新
ztree+iframe (点击树动态加载右边页面)
jquery iframe动态添加tab选项卡 jquery iframe动态添加tab选项卡 jquery iframe动态添加tab选项卡 jquery iframe动态添加tab选项卡 jquery iframe动态添加tab选项卡 jquery iframe动态添加tab选项卡 jquery iframe...
在使用iframe时,iframe背景为白块,刷新时也会闪过白块。如果刷新时间长,就会一直出现白块,让人很烦恼,通过网上搜资料,测试很多依然没有效果,最终解决方法如下所示,注意主要针对IE浏览器测试。
JQUERY实现iframe页面切换功能,轻松简单、灵活方便快速,代码实例,测试通过
就想弄一个winform结合html5的一个小东西,突有心血来潮,想在里面嵌套一个微信网页版,下面小编给大家介绍下HTML阻止iframe跳转页面并使用iframe在页面内嵌微信网页版的实现方法,一起看看吧
使用iframe实现点击导航页面无刷切换,使用bootstrap布局
主要介绍了在vue中实现嵌套页面(iframe),具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
vue项目中一个模板组件,不同iframe的src地址,对应不同的路由,不同标签页,且切换标签页不重载。这种客户的要求是特例在网上没有,所以纯自行手码。由于项目在vuex保存了标签页,所以初次进入该组件时,调用了一次...
网页往下拉,iframe进入浏览器可视范围内才加载iframe。提高页面加载速度。类似图片延时加载
功能介绍: 1、可以换皮肤、其中住框架、具体页面可以统一使用皮肤。 2、tab页标题有右键菜单,新开、...tabControl新开一个页面实际上是通过JS在主显示区域建立一个iframe 把这个iframe的src 指向我们指定的页面。
主要介绍了ASP.NET中iframe框架点击左边页面链接,右边显示链接页面内容的实现代码,感兴趣的小伙伴们可以参考一下