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);