javascript 窗口加載蒙板 內(nèi)嵌網(wǎng)頁(yè)內(nèi)容
更新時(shí)間:2010年11月19日 20:11:07 作者:
用于在現(xiàn)有窗口上加載蒙板,在蒙板內(nèi)在嵌入其他頁(yè)面內(nèi)容
復(fù)制代碼 代碼如下:
//初始化導(dǎo)航背景,iframe容器
function fnDaoHangBg()
{
var h = fnGetHeight(),w = fnGetWidth();//獲取背景窗口大小
if(!$('divDaoHangBg'))
{
var div = $C('div');//創(chuàng)建背景蒙板
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');//創(chuàng)建蒙板內(nèi)的內(nèi)嵌iframe容器,用于嵌入顯示其他網(wǎng)頁(yè)
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');//創(chuàng)建關(guān)閉按鈕在蒙板上
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='關(guān)閉';
div.style.cursor='hand';
div.onclick=function(){//點(diǎn)擊時(shí)間 ,關(guān)閉蒙板
fnDaoHangBgClose();
};
$('divDaoHangBg').appendChild(div);
}
$('divDaoHangBgIframe').style.display='block';
$('divDaoHangBg').style.display='block';
}
//關(guān)閉蒙板
function fnDaoHangBgClose()
{
if(!$('divDaoHangBg')){return;}
if(!$('divDaoHangBgIframe')){return;}
$('divDaoHangBgIframe').src='';
$('divDaoHangBgIframe').style.display='none';
$('divDaoHangBg').style.display='none';
}
//調(diào)用,內(nèi)嵌url
function fnDaoHangBgShow(url)
{
fnDaoHangBg();
$('divDaoHangBgIframe').src=url;
}
其中 $()和$C()分別表示
$(id),獲取該id的對(duì)象,document.getElementById(id)
$C(tag),創(chuàng)建一個(gè)標(biāo)簽, document.createElement(tag);
相關(guān)文章
javascript執(zhí)行上下文、變量對(duì)象實(shí)例分析
這篇文章主要介紹了javascript執(zhí)行上下文、變量對(duì)象,結(jié)合實(shí)例形式分析了javascript執(zhí)行上下文、變量對(duì)象相關(guān)概念、原理、用法與操作注意事項(xiàng),需要的朋友可以參考下2020-04-04
javascript結(jié)合Cookies實(shí)現(xiàn)瀏覽記錄歷史
最近在工作當(dāng)中遇到一個(gè)問(wèn)題 有個(gè)頁(yè)面需要添加一個(gè)瀏覽歷史記錄功能,具體來(lái)說(shuō)就是要記錄下用戶(hù)在此網(wǎng)站的點(diǎn)擊歷史 并把它們降序排列出來(lái)(只顯示前6個(gè)瀏覽歷史而且不能重復(fù))。2008-09-09
JavaScript中valueOf函數(shù)與toString方法深入理解
基本上,所有JS數(shù)據(jù)類(lèi)型都擁有valueOf和toString這兩個(gè)方法,null除外。它們倆解決javascript值運(yùn)算與顯示的問(wèn)題,本文將詳細(xì)介紹,有需要的朋友可以參考下2012-12-12
iframe子頁(yè)面與父頁(yè)面在同域或不同域下的js通信
根據(jù)iframe中src屬性是同域鏈接還是跨域鏈接,通信方式也不同,下面有個(gè)不錯(cuò)的示例,需要的朋友可以參考下2014-05-05
JavaScript定時(shí)器類(lèi)型總結(jié)
這篇文章主要分享了JavaScript定時(shí)器類(lèi)型總結(jié),文章圍繞JavaScript定時(shí)器類(lèi)型的相關(guān)資料展開(kāi)全文詳細(xì)內(nèi)容,需要的小伙伴可以參考一下,希望對(duì)你有所幫助2021-12-12
談?wù)勎覍?duì)JavaScript原型和閉包系列理解(隨手筆記8)
這篇文章主要介紹了談?wù)勎覍?duì)JavaScript原型和閉包系列理解(隨手筆記8)的相關(guān)資料,需要的朋友可以參考下2015-12-12
簡(jiǎn)單實(shí)現(xiàn)Bootstrap標(biāo)簽頁(yè)
這篇文章主要教大家簡(jiǎn)單實(shí)現(xiàn)Bootstrap標(biāo)簽頁(yè),文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-12-12
本地對(duì)象Array的原型擴(kuò)展實(shí)現(xiàn)代碼
該擴(kuò)展方法目的為刪除數(shù)組中的重復(fù)項(xiàng),并返回一個(gè)包含所有重復(fù)條目的新數(shù)組;2010-12-12

