1,导航栏弹窗
解释:点击父页面按钮,跳转到新的导航栏页面,两个页面同级
如图:
代码:
window.topWin.addNavTab(title, url, navid);
var tableOject = {}
function addNavTab(title, url, navid) {
tableOject.tablelist = {title: title, url: url, id: navid}
$('#fremark>iframe').addClass('disnone')
var iframelist = $('.iframeAll');
var isExistsFlag = 0;
for (var indexNum = 0; indexNum < iframelist.length; indexNum++) {
if (iframelist[indexNum].id == navid) {
$(iframelist[indexNum]).removeClass('disnone');
isExistsFlag = 1;
break;
}
}
if (isExistsFlag == 0) {
var htmldm = "<iframe class='iframeAll' id='" + navid + "' style='border-width: 0px 6px 6px 6px;border-color: #f7f7f7;border-style: solid;' width='99%' src='" + url + "' dataid='" + navid + "'></iframe>"
$('#fremark').append(htmldm)
}
$('.iframeAll').height(hei)
$('.iframeAll').width(w)
$(window).resize();
}
注意:navid参数是选项卡的唯一标识,第二次打开一个tab时,如果navid不变的话,那页面的内容也不会刷新
2,全屏页面弹窗
解释:在父页面的基础上,点击页面按钮,新的子页面占据全屏
如图:
代码:
window.topWin.layer.open({
type: 2, // 这里为 2 0:信息框,默认 1:页面层 2:iframe层 3:加载层 4:tips层
title: '信息',
skin: 'layui-layer-rim',
area : ['100%', '100%'], // 可为百分比
content: url
});