Web開發(fā)常用代碼:背投廣告_XHTML教程
教程Tag:暫無Tag,歡迎添加,賺取U幣!
Web開發(fā)常用代碼:背投廣告
對(duì)于背投廣告的原理來說并沒有什么難度,無非打開的窗口失去焦點(diǎn)(blur),而原來頁面得到焦點(diǎn)(focus)。但對(duì)于流行的瀏覽器來說,如果非用戶行為的彈出窗口(即 onload 時(shí),直接window.open ),會(huì)被瀏覽器默認(rèn)攔截。
背投廣告,既然被稱為廣告,那如何才能讓廣告主的錢花得實(shí)在,花得樂意呢?
我們可以增加判斷,如果該彈出窗口被瀏覽器攔截,則只要用戶點(diǎn)擊頁面就觸發(fā) window.open 事件,這樣一般不會(huì)攔截,瀏覽器會(huì)認(rèn)為這是用戶的默認(rèn)行為。
代碼可編寫如下:
示例代碼 [www.hl5o.cn]
var $E = YAHOO.util.Event;
var adPopup;
var popAd = function(sURL,sName,sFeatures,bReplace) {
if (adPopup) return;
if(sName == undefined) {
sName = '_blank';
};
if(sFeatures == undefined) {
sFeatures = '';
};
if(bReplace == undefined) {
bReplace = false;
};
adPopup = window.open(sURL,sTarget,sFeatures,bReplace);
adPopup.blur();
adPopup.opener.focus();
$E.removeListener(document.body, 'click', arguments.callee);
}
try {
popAd();
} catch (e) {
$E.on(document.body, 'click', popAd);
}
var adPopup;
var popAd = function(sURL,sName,sFeatures,bReplace) {
if (adPopup) return;
if(sName == undefined) {
sName = '_blank';
};
if(sFeatures == undefined) {
sFeatures = '';
};
if(bReplace == undefined) {
bReplace = false;
};
adPopup = window.open(sURL,sTarget,sFeatures,bReplace);
adPopup.blur();
adPopup.opener.focus();
$E.removeListener(document.body, 'click', arguments.callee);
}
try {
popAd();
} catch (e) {
$E.on(document.body, 'click', popAd);
}
當(dāng)然如果用戶瀏覽器安裝了攔截插件,那很有可能不會(huì)彈出(比如 Firefox 的 noscript 插件,就不允許任何彈出窗)。方法不是絕對(duì)的,也不是最好的,只是用最少的時(shí)間來做最效率的事情。
PS:可以通過模擬 form 提交的方式來彈出窗口,穿越性(相對(duì)于一般攔截彈窗的插件)很好,不過無法設(shè)置 sFeatures 參數(shù)內(nèi)容
相關(guān)XHTML教程:
- HTML5 INPUT placeholder及兼容性處理
- HTML表單里的Label標(biāo)簽
- 淺析HTML與javascript中常用編碼
- CSS網(wǎng)頁布局中必須要了解的幾個(gè)XHTML標(biāo)簽
- title和alt 標(biāo)簽介紹及其異同
- 淺析HTML標(biāo)簽strong和em的區(qū)別
- 說說XHTML中的alt屬性和title屬性
- Semantics語義是Html Xhtml是否真正符合標(biāo)準(zhǔn)的重要部分
- 九個(gè)W3C XHTML1.0及CSS標(biāo)準(zhǔn)認(rèn)證需要注意的問題
- 請(qǐng)注意頁面head區(qū)域的編碼是不是規(guī)范
- HTML validate - 驗(yàn)證HTML代碼穿越多重瀏覽器標(biāo)準(zhǔn)
- XHTML具有語義的標(biāo)簽:有關(guān)H1位置的討論
XHTML教程Rss訂閱Div+Css教程搜索
XHTML教程推薦
猜你也喜歡看這些
- CSS初級(jí)教程選擇符屬性和值
- CSS2.2一個(gè)頭疼的東西會(huì)是何命運(yùn)?
- 解決IE和Mozilla的布局差別的利器:“!important”
- CSS設(shè)計(jì)符合Web標(biāo)準(zhǔn)的網(wǎng)頁表單的幾個(gè)技巧
- JavaScript(JS)與CSS屬性編碼方法對(duì)照表
- CSS教程14、CSS網(wǎng)頁布局PageLayout[翻譯Htmldog]
- CSS配合JavaScript做酷的動(dòng)態(tài)頁面效果
- CSS教程:css屬性之媒體(Media)類型
- 學(xué)習(xí)CSS制作網(wǎng)頁總結(jié)的一些經(jīng)驗(yàn)
- HTML與CSS在Flash中的應(yīng)用
- 相關(guān)鏈接:
- 教程說明:
XHTML教程-Web開發(fā)常用代碼:背投廣告
。