js 彈出新頁面避免被瀏覽器、ad攔截的一種新方法
更新時(shí)間：2014年04月30日 16:42:41 作者：
本文為大家介紹了使用js彈出新頁面同時(shí)避免被瀏覽器、ad攔截等，具體的實(shí)現(xiàn)方法如下，大家不妨參考參考
以綁定click彈窗的方式，改為普通的鏈接，即 a[target=_blank]，在點(diǎn)擊打開新窗口之前，修改其href。
綁定mousedown，鼠標(biāo)點(diǎn)擊執(zhí)行完成前修改href。
綁定focus，保證tab切換+enter時(shí)替換href。
<input type="search" id="keyword" value="" autocomplete="off" placeholder="請(qǐng)輸入搜索關(guān)鍵字" />
<a href="###" id="submit" target="_blank" >搜索</a>
<script type="text/javascript">
(function(document) {
var submit = document.getElementById('submit');
var keyword = document.getElementById('keyword');
var url = 'http://www.baidu.com/baidu?wd=';
submit.onfocus = submit.onmousedown = function() {
var href = url + escape(keyword.value);
if (href !== submit.href) {
submit.href = url + escape(keyword.value)
}
}
})(document);
</script>
ps：還可以在 在html代碼中 以onclick dom 0級(jí)方式綁定 、target方式提交表單等
綁定mousedown，鼠標(biāo)點(diǎn)擊執(zhí)行完成前修改href。
綁定focus，保證tab切換+enter時(shí)替換href。
復(fù)制代碼 代碼如下:
<input type="search" id="keyword" value="" autocomplete="off" placeholder="請(qǐng)輸入搜索關(guān)鍵字" />
<a href="###" id="submit" target="_blank" >搜索</a>
<script type="text/javascript">
(function(document) {
var submit = document.getElementById('submit');
var keyword = document.getElementById('keyword');
var url = 'http://www.baidu.com/baidu?wd=';
submit.onfocus = submit.onmousedown = function() {
var href = url + escape(keyword.value);
if (href !== submit.href) {
submit.href = url + escape(keyword.value)
}
}
})(document);
</script>
ps：還可以在 在html代碼中 以onclick dom 0級(jí)方式綁定 、target方式提交表單等
您可能感興趣的文章:
- window.open被瀏覽器攔截后的自定義提示效果代碼
- ajax回調(diào)函數(shù)參數(shù)傳遞正確方法
- ajax不執(zhí)行success回調(diào)而是執(zhí)行了error回調(diào)
- window.open關(guān)于瀏覽器攔截問題分析及解決方法
- Jquery版本導(dǎo)致Ajax不執(zhí)行success回調(diào)函數(shù)
- 模擬用戶點(diǎn)擊彈出新頁面不會(huì)被瀏覽器攔截
- ajax請(qǐng)求成功后新開窗口window.open()被攔截解決方法
- JS判斷網(wǎng)頁廣告是否被瀏覽器攔截過濾的代碼
- 在Java的Struts中判斷是否調(diào)用AJAX及用攔截器對(duì)其優(yōu)化
- ajax回調(diào)打開新窗體防止瀏覽器攔截有效方法
相關(guān)文章
JavaScript實(shí)現(xiàn)將數(shù)組中所有元素連接成一個(gè)字符串的方法
這篇文章主要介紹了JavaScript實(shí)現(xiàn)將數(shù)組中所有元素連接成一個(gè)字符串的方法,涉及javascript中采用join方法進(jìn)行數(shù)組轉(zhuǎn)化的技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-04-04
JS操作input標(biāo)簽屬性checkbox全選的實(shí)現(xiàn)代碼
這篇文章主要介紹了JS操作input標(biāo)簽屬性checkbox全選的代碼，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2017-03-03
面向?qū)ο笳Z言中 this 表示當(dāng)前對(duì)象的一個(gè)引用。但在 JavaScript 中 this 不是固定不變的，它會(huì)隨著執(zhí)行環(huán)境的改變而改變，在方法中，this 表示該方法所屬的對(duì)象，如果單獨(dú)使用，this 表示全局對(duì)象2021-10-10
這篇文章主要給大家介紹了關(guān)于javascript隱藏顯示div的兩種方式,實(shí)現(xiàn)的代碼很簡(jiǎn)單,點(diǎn)擊時(shí)先判斷div是否是顯示,如果div是顯示就把div設(shè)置為隱藏,否則就變?yōu)轱@示,需要的朋友可以參考下2022-09-09
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)輪播圖自動(dòng)切換，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-07-07
用js對(duì)上傳的文件大小以及格式進(jìn)行初步的判斷，在服務(wù)端再進(jìn)行一次判斷（防止瀏覽器拒絕執(zhí)行腳本文件)下面有個(gè)不錯(cuò)的方法大家可以參考下2013-11-11
JS根據(jù)key值獲取URL中的參數(shù)值及把URL的參數(shù)轉(zhuǎn)換成json對(duì)象
本篇文章主要圍繞js url 參數(shù)值展開話題，js根據(jù)key值獲取url中的參數(shù)值，接著把url的參數(shù)轉(zhuǎn)換成json，感興趣的朋友一起來學(xué)習(xí)吧，本文寫的不好地方還望多多指出批評(píng)建議2015-08-08
這篇文章主要介紹了微信小程序wx:for和wx:for-item的正確用法,wx:for是循環(huán)數(shù)組，wx:for-item即給列表賦別名,文中給大家列出來幾個(gè)錯(cuò)誤用法，大家一起學(xué)習(xí)下2018-04-04
解決JS組件bootstrap table分頁實(shí)現(xiàn)過程中遇到的問題
這篇文章主要介紹了JS組件bootstrap table分頁實(shí)現(xiàn)過程中遇到的問題，感興趣的小伙伴們可以參考一下2016-04-04
這篇文章主要介紹了微信小程序里引入SVG矢量圖標(biāo)的方法，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-09-09