复制代码 代码如下:

//初始化导航背景，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);

【javascript 窗口加载蒙板 内嵌网页内容】相关文章：

★ jQuery结合ajax实现动态加载文本内容

★ javascript小技巧 超强推荐第1/5页

★ Javascript 不能释放内存.

★ javascript实现获取服务器时间

★ javascript瀑布流式图片懒加载实例

★ 学习javascript文件加载优化

★ javascript的函数第1/3页

★ 使用JavaScript刷新网页的方法

★ 简单谈谈javascript中this的隐式绑定

★ javascript无刷新评论实现方法