javascript 窗口加載蒙板 內(nèi)嵌網(wǎng)頁(yè)內(nèi)容
//初始化導(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)文章
獲取div編輯框,textarea,input text的光標(biāo)位置 兼容IE,F(xiàn)F和Chrome的方法介紹
獲取div編輯框,textarea,input text的光標(biāo)位置 兼容IE,F(xiàn)F和Chrome的方法介紹,有需求的朋友可以參考2012-11-11JS實(shí)現(xiàn)支持Ajax驗(yàn)證的表單插件
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)支持Ajax驗(yàn)證的表單插件,感興趣的小伙伴們可以參考一下2016-03-03JavaScript實(shí)現(xiàn)時(shí)間倒計(jì)時(shí)跳轉(zhuǎn)(推薦)
這篇文章主要介紹了JavaScript實(shí)現(xiàn)時(shí)間倒計(jì)時(shí)跳轉(zhuǎn)(推薦)的相關(guān)資料,涉及到settimeout和setinterval方法的介紹,非常不錯(cuò)具有參考借鑒價(jià)值,需要的朋友可以參考下2016-06-06js調(diào)試工具 Javascript Debug Toolkit 2.0.0版本發(fā)布
Javascript Debug Toolkit是一個(gè)可以跨瀏覽器調(diào)試javascript的開(kāi)源項(xiàng)目,支持在IE,FIREFOX,SAFARI,CHROME等瀏覽器中調(diào)試javascript。2.0.0版本做了較大變動(dòng),增加以下功能2008-12-12javascript實(shí)現(xiàn)的柱狀統(tǒng)計(jì)圖表
下面是完成后的預(yù)覽圖,可以看到,繪制一個(gè)表格,耗時(shí)0.005毫秒,也就是200分之一秒。效率我還是比較滿(mǎn)意的!2010-07-07Web開(kāi)發(fā)必知Javascript技巧大全
JavaScript是一個(gè)絕冠全球的編程語(yǔ)言,可用于Web開(kāi)發(fā)、移動(dòng)應(yīng)用開(kāi)發(fā)(PhoneGap、Appcelerator)、服務(wù)器端開(kāi)發(fā)(Node.js和Wakanda)等等,通過(guò)本文給大家介紹Web開(kāi)發(fā)必知Javascript技巧大全,需要的朋友參考下吧2016-02-02JS拋物線(xiàn)動(dòng)畫(huà)實(shí)例制作
本篇文章給大家詳細(xì)分析了JS拋物線(xiàn)動(dòng)畫(huà)制作過(guò)程以及相關(guān)的代碼實(shí)例分享,有興趣的朋友參考下。2018-02-02javascript實(shí)現(xiàn)顯示和隱藏div方法匯總
本文章通過(guò)幾個(gè)簡(jiǎn)單的實(shí)例告訴你如何來(lái)實(shí)例關(guān)于隱藏與顯示div層及關(guān)閉層與隱藏的區(qū)別分析哦,有需要的同學(xué)可以參考一下本文章。2015-08-08微信小程序長(zhǎng)按識(shí)別二維碼的幾種情況分析
最近接到需求,在小程序內(nèi)部長(zhǎng)按識(shí)別二維碼添加個(gè)人微信,下面這篇文章主要給大家分析介紹了關(guān)于微信小程序長(zhǎng)按識(shí)別二維碼的幾種情況,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-08-08