js 彈出新頁面避免被瀏覽器、ad攔截的一種新方法
更新時間：2014年04月30日 16:42:41 作者：
本文為大家介紹了使用js彈出新頁面同時避免被瀏覽器、ad攔截等，具體的實現(xiàn)方法如下，大家不妨參考參考
以綁定click彈窗的方式，改為普通的鏈接，即 a[target=_blank]，在點擊打開新窗口之前，修改其href。
綁定mousedown，鼠標點擊執(zhí)行完成前修改href。
綁定focus，保證tab切換+enter時替換href。
<input type="search" id="keyword" value="" autocomplete="off" placeholder="請輸入搜索關鍵字" />
<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級方式綁定 、target方式提交表單等
綁定mousedown，鼠標點擊執(zhí)行完成前修改href。
綁定focus，保證tab切換+enter時替換href。
復制代碼 代碼如下:
<input type="search" id="keyword" value="" autocomplete="off" placeholder="請輸入搜索關鍵字" />
<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級方式綁定 、target方式提交表單等
您可能感興趣的文章:
相關文章
這篇文章主要介紹了js中getter和setter用法,結合實例形式分析了javascript中getter和setter的功能、使用方法及相關操作注意事項,需要的朋友可以參考下2018-08-08
這篇文章主要介紹了JavaScript中常見內置函數(shù)用法,結合實例形式分析了JavaScript常用內置函數(shù)的功能、參數(shù)、使用方法及相關操作注意事項,需要的朋友可以參考下2018-05-05
這篇文章主要介紹了JS時分秒倒計時的實現(xiàn)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-04-04
這篇文章主要介紹了微信小程序學習筆記之函數(shù)定義、頁面渲染,結合實例形式較為詳細的分析了微信小程序中函數(shù)的定義、生命周期、模板調用、樣式控制等操作技巧,并配合圖文形式進行了詳細說明,需要的朋友可以參考下2019-03-03
這篇文章主要給大家總結了關于微信小程序開發(fā)中的各種疑問解答，文中將在微信小程序開發(fā)中可能遇到的問題都進行了整理和解答，對大家具有一定的參考學習價值，需要的朋友們下面來一起看看吧。2017-07-07
uniapp跨頁面?zhèn)髦祏ni.$emit和uni.$on的使用及踩坑實戰(zhàn)
使用uni.$emit觸發(fā)事件后,對應的uni.$on就會監(jiān)聽到事件觸發(fā),在回調中去執(zhí)行相關的邏輯,下面這篇文章主要給大家介紹了關于uniapp跨頁面?zhèn)髦祏ni.$emit和uni.$on的使用及踩坑實戰(zhàn)的相關資料,需要的朋友可以參考下2023-04-04
這篇文章主要為大家詳細介紹了javascript設計模式之單體模式學習筆記，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-02-02
layui-tree實現(xiàn)Ajax異步請求后動態(tài)添加節(jié)點的方法
今天小編就為大家分享一篇layui-tree實現(xiàn)Ajax異步請求后動態(tài)添加節(jié)點的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
這篇文章主要介紹了簡單使用webpack打包文件的實現(xiàn)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-10-10
在開發(fā)中常常會需要截取字符串,而 JavaScript 提供了很多種方法實現(xiàn)截取操作,本文主要介紹了JavaScript中切割截取字符串的7種方法,感興趣的可以了解一下2024-02-02