弹出层方式打新页面

最新推荐文章于 2020-06-01 14:30:28 发布

兰洛

最新推荐文章于 2020-06-01 14:30:28 发布

阅读量852

点赞数

分类专栏： JavaScript 文章标签： javascript

本文链接：https://blog.csdn.net/z_fenger/article/details/10111359

版权

JavaScript 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

var win = null;
/**
 * 弹出层的方式显示
 * title 标题名称
 * _url 链接地址
 * height 高度
 */
function showWin(title,_url,height){
	var myHtml="<div id='editDiv${namespace}'>";
	myHtml+="<iframe id='editIframe${namespace}' name='editIframe${namespace}' style='width: 800px;height:"+height+"px;' src='"+_url+"'></iframe>";
	myHtml+="</div>";
	if(win!=null){
		win=null;
	}
	if(win == null){
		win = new Ext.Window({
	        title:title,
	        width:800,
	        resizable:false,
	        autoScroll:false,
	        modal:true,
	        html: myHtml
	    });
	}
        setPosition(win);
        win.show();
}

/**
 *
 * 页面居中显示
 */
function setPosition(win) {
       var showLeft=document.body.clientWidth/2-win.width/2;
       var showTop=document.body.clientHeight/2-win.height/3;
       win.setPosition(showLeft, showTop);
}