javascript 窗口加载蒙板 内嵌网页内容


  本文标签:窗口加载蒙板

复制代码 代码如下:

//初始化导航背景,iframe容器
function fnDaoHangBg()
{
var h = fnGetHeight(),w = fnGetWidth();//获取背景窗口大小
if(!$(divDaoHangBg))
{
var div = $C(div);//创建背景蒙板
div.id = divDaoHangBg;
div.style.backgroundColor = black;
div.style.position = absolute;
div.style.filter = alpha(opacity=80);
div.style.opacity = .80;
div.style.zIndex = 100001;
div.style.left = 0;
div.style.top = 0;
div.style.width = w+px;
div.style.height= h+px;
document.body.appendChild(div);
}

if(!$(divDaoHangBgIframe))
{
var iframe;
iframe = this.$C(IFRAME);//创建蒙板内的内嵌iframe容器,用于嵌入显示其他网页
iframe.id = divDaoHangBgIframe;
iframe.frameBorder = 0;
iframe.scrolling = "no";
iframe.style.overflow = hidden;
iframe.allowTransparency = true;
iframe.style.display = none;
iframe.style.width = w+px;//800
iframe.style.height = h+px;//620
iframe.style.marginTop = 75px;//800
$(divDaoHangBg).appendChild(iframe);
}
if(!$(divDaoHangBgClose))
{
var div = $C(div);//创建关闭按钮在蒙板上
div.id = divDaoHangBgClose;
div.style.position = absolute;
div.style.backgroundImage=url(images/closb.gif);
div.style.zIndex = 100003;
div.style.right = 10;
div.style.top = 20;
div.style.width = 82px;
div.style.height= 30px;
div.title=关闭;
div.style.cursor=hand;
div.onclick=function(){//点击时间 ,关闭蒙板
fnDaoHangBgClose();
};
$(divDaoHangBg).appendChild(div);
}
$(divDaoHangBgIframe).style.display=block;
$(divDaoHangBg).style.display=block;
}
//关闭蒙板
function fnDaoHangBgClose()
{
if(!$(divDaoHangBg)){return;}
if(!$(divDaoHangBgIframe)){return;}
$(divDaoHangBgIframe).src=;
$(divDaoHangBgIframe).style.display=none;
$(divDaoHangBg).style.display=none;
}
//调用,内嵌url
function fnDaoHangBgShow(url)
{
fnDaoHangBg();
$(divDaoHangBgIframe).src=url;
}

其中 $()和$C()分别表示
$(id),获取该id的对象,document.getElementById(id)
$C(tag),创建一个标签, document.createElement(tag);