這篇文章主要介紹了JS前端廣告攔截實(shí)現(xiàn)原理解析,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下

網(wǎng)站建設(shè)哪家好，找創(chuàng)新互聯(lián)公司！專注于網(wǎng)頁設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、小程序設(shè)計(jì)、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項(xiàng)目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了南川免費(fèi)建站歡迎大家使用！

主流的瀏覽器，默認(rèn)都開啟了廣告過濾，這對于用戶（瀏覽者）來說，不但加快了訪問網(wǎng)頁的速度，而且也避免了勿點(diǎn)一些垃圾色情的東西，可以說綠色了網(wǎng)絡(luò)環(huán)境。

第一、對于正常的廣告攔截前端開發(fā)需要注意的是：

在請求圖片與js文件、接口、文件內(nèi)容最好不要包含ad、guanggao等關(guān)鍵詞，可能被攔截

我們可以用一個(gè)請求來判斷瀏覽器有沒有開啟廣告攔截，如果我們需要插入廣告，可以提示用戶關(guān)閉廣告攔截

<script src="http://demo.jb51.net/adview_pic_cpc_cpm_cpa_guanggao_gg_ads_300x250.js" type="text/javascript"></script>
/*這個(gè)js文件的內(nèi)容為var killads = true;*/
<script type="text/javascript"> 
　　if (typeof(killads)=='undefined'){alert('廣告被過濾');} 
</script>

第二、瀏覽器對window.opne（）的攔截，我們可以通過var x =window.open(url);然后判斷x == undefined來判斷新窗口是否被攔截。

（一）、 一般情況下，如果在js中調(diào)用window.open()函數(shù)去打開一個(gè)新tab頁，瀏覽器會(huì)進(jìn)行攔截，認(rèn)為打開的是一個(gè)廣告頁。

（二）、所以如果不想讓瀏覽器攔截，可以將這個(gè)“函數(shù)”改為用戶點(diǎn)擊時(shí)觸發(fā)，這樣瀏覽器就認(rèn)為是用戶想訪問這個(gè)頁面，而不是你直接彈出給用戶。

（三）、即使是用戶點(diǎn)擊事件，如果在一次事件里調(diào)用多次window.open()函數(shù)，則只有第一次被當(dāng)作正常打開，之后的還是會(huì)被當(dāng)作廣告頁。

（四）、如果在點(diǎn)擊事件里有ajax調(diào)用，window.open()在回調(diào)函數(shù)里執(zhí)行，則瀏覽器仍然認(rèn)為是js調(diào)用并當(dāng)作廣告攔截。除非ajax設(shè)置為“同步”模式。也可以用下面的方法解決

var newWin = window.open(); 
$.ajax({ 
  url:xxx, 
  success: function(data){ 
    newWin.location = data.url; 
  } 
});

（五）、其他場景：

有的下載功能是這樣實(shí)現(xiàn)的，當(dāng)用戶點(diǎn)擊某個(gè)按鈕后，在后臺生成一個(gè)地址返回給前端，前端在請求的回調(diào)方法中，通過window.open()打開這個(gè)鏈接

由于前端需要給后臺發(fā)送異步請求，所以window.open()也會(huì)被攔截

可行的方法是，在回調(diào)之后，生成一個(gè)<a>標(biāo)簽，且href設(shè)置為下載地址，然后觸發(fā)這個(gè)<a>標(biāo)簽的點(diǎn)擊事件，注意：<a>標(biāo)簽一定要加一個(gè)download屬性，否則還是會(huì)被攔截

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持創(chuàng)新互聯(lián)。

新聞標(biāo)題：JS前端廣告攔截實(shí)現(xiàn)原理解析
本文鏈接：http://jinyejixie.com/article2/jjpoic.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供、用戶體驗(yàn)、Google、網(wǎng)站收錄、App設(shè)計(jì)、網(wǎng)站改版

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)