js 弹出新页面避免被浏览器、ad拦截的一种新方法


Posted in Javascript onApril 30, 2014

以绑定click弹窗的方式,改为普通的链接,即 a[target=_blank],在点击打开新窗口之前,修改其href。

绑定mousedown,鼠标点击执行完成前修改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方式提交表单等
Javascript 相关文章推荐
jquery图片不完全按比例自动缩小的简单代码
Jul 29 Javascript
浏览器兼容console对象的简要解决方案分享
Oct 24 Javascript
使用Js让Html中特殊字符不被转义
Nov 05 Javascript
jQuery获取当前对象标签名称的方法
Feb 07 Javascript
在AngularJS应用中实现一些动画效果的代码
Jun 18 Javascript
jQuery实现鼠标双击Table单元格变成文本框及输入内容后更新到数据库的方法
Nov 25 Javascript
全面解析JavaScript中的valueOf与toString方法(推荐)
Jun 14 Javascript
使用Angular.js实现简单的购物车功能
Nov 21 Javascript
微信小程序 wx.uploadFile在安卓手机上面the same task is working问题解决
Dec 14 Javascript
js中获取键盘按下键值event.keyCode、event.charCode和event.which的兼容性详解
Mar 15 Javascript
又拍云 Node.js 实现文件上传、删除功能
Oct 28 Javascript
详解单页面路由工程使用微信分享及二次分享解决方案
Feb 22 Javascript
使用Jquery获取带特殊符号的ID 标签的方法
Apr 30 #Javascript
页面js遇到乱码问题的解决方法是和无法转码的情况
Apr 30 #Javascript
js获取ajax返回值代码
Apr 30 #Javascript
jquery如何把数组变为字符串传到服务端并处理
Apr 30 #Javascript
js图片预加载示例
Apr 30 #Javascript
javascript闭包入门示例
Apr 30 #Javascript
三种动态加载js的jquery实例代码另附去除js方法
Apr 30 #Javascript
You might like
全国FM电台频率大全 - 8 黑龙江省
2020/03/11 无线电
php array的学习笔记
2012/05/16 PHP
LaravelS通过Swoole加速Laravel/Lumen详解
2018/03/02 PHP
Yii2.0框架模型添加/修改/删除数据操作示例
2019/07/18 PHP
PHP基于session.upload_progress 实现文件上传进度显示功能详解
2019/08/09 PHP
用JS剩余字数计算的代码
2008/07/03 Javascript
关于js中window.location.href,location.href,parent.location.href,top.location.href的用法与区别
2010/10/18 Javascript
用dtree实现树形菜单 dtree使用说明
2011/10/17 Javascript
jquery ui对话框实例代码
2013/05/10 Javascript
javascript计算星座属相(十二生肖属相)示例代码
2014/01/09 Javascript
将中国标准时间转换成标准格式的代码
2014/03/20 Javascript
Bootstrap Chart组件使用教程
2016/04/28 Javascript
JavaScript输出所选择起始与结束日期的方法
2017/07/12 Javascript
自定义javascript验证框架示例【附源码下载】
2019/05/31 Javascript
Vue中对iframe实现keep alive无刷新的方法
2019/07/23 Javascript
layer.msg()去掉默认时间,实现手动关闭的方法
2019/09/12 Javascript
关于vue表单提交防双/多击的例子
2019/10/31 Javascript
JavaScript简单编程实例学习
2020/02/14 Javascript
Python中的time模块与datetime模块用法总结
2016/06/30 Python
Python实现爬取需要登录的网站完整示例
2017/08/19 Python
Numpy中的mask的使用
2018/07/21 Python
Python3.5字符串常用操作实例详解
2019/05/01 Python
Pandas DataFrame数据的更改、插入新增的列和行的方法
2019/06/25 Python
python基础 range的用法解析
2019/08/23 Python
python itsdangerous模块的具体使用方法
2020/02/17 Python
更新升级python和pip版本后不生效的问题解决
2020/04/17 Python
Django Channel实时推送与聊天的示例代码
2020/04/30 Python
python中编写函数并调用的知识点总结
2021/01/13 Python
详解HTML5常用的语义化标签
2019/09/27 HTML / CSS
DHC美国官网:日本通信销售第一的化妆品品牌
2017/11/12 全球购物
印尼值得信赖的在线交易网站:Bukalapak
2019/03/11 全球购物
党支部创先争优活动总结
2014/08/28 职场文书
2015年党建工作目标责任书
2015/05/08 职场文书
2015年教师业务工作总结
2015/05/26 职场文书
党员学习型组织心得体会
2019/06/21 职场文书
Java 超详细讲解十大排序算法面试无忧
2022/04/08 Java/Android