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 相关文章推荐
formvalidator验证插件中有关ajax验证问题
Jan 04 Javascript
基于JavaScript自定义构造函数的详解说明
Apr 24 Javascript
控制input输入框中提示信息的显示和隐藏的方法
Feb 12 Javascript
js实现按钮加背景图片常用方法
Nov 01 Javascript
jQuery实现的个性化返回底部与返回顶部特效代码
Oct 30 Javascript
基于jQuery实现Tabs选项卡自定义插件
Nov 21 Javascript
使用jquery+iframe做一个ajax上传效果(实例)
Aug 24 jQuery
vue axios请求超时的正确处理方法
Apr 02 Javascript
详解vue中点击空白处隐藏div的实现(用指令实现)
Apr 19 Javascript
解决vue接口数据赋值给data没有反应的问题
Aug 27 Javascript
微信小程序 swiper 组件遇到的问题及解决方法
May 26 Javascript
Vue中使用Lodop插件实现打印功能的简单方法
Dec 19 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
关于php支持分块与断点续传文件下载功能代码
2014/05/09 PHP
php实现zip压缩文件解压缩代码分享(简单易懂)
2014/05/10 PHP
PHP中模拟链表和链表的基本操作示例
2016/02/27 PHP
PHP缩略图生成和图片水印制作
2017/01/07 PHP
Laravel 5.4向IoC容器中添加自定义类的方法示例
2017/08/15 PHP
关于Yii2框架跑脚本时内存泄漏问题的分析与解决
2019/12/01 PHP
PHP实现限制域名访问的实现代码(本地验证)
2020/09/13 PHP
javascript编程起步(第四课)
2007/01/10 Javascript
在js中单选框和复选框获取值的方式
2009/11/06 Javascript
jQuery选择器中含有空格的使用示例及注意事项
2013/08/25 Javascript
浅析Bootstrap组件之面板组件
2016/05/04 Javascript
限制文本框只能输入数字||只能是数字和小数点||只能是整数和浮点数
2016/05/27 Javascript
jQuery与JavaScript节点创建方法的对比
2016/11/18 Javascript
Cookies 和 Session的详解及区别
2017/04/21 Javascript
详解利用Angular实现多团队模块化SPA开发框架
2017/11/27 Javascript
node学习笔记之读写文件与开启第一个web服务器操作示例
2019/05/29 Javascript
从零撸一个pc端vue的ui组件库( 计数器组件 )
2019/08/08 Javascript
[42:00]完美世界DOTA2联赛PWL S3 Phoenix vs INK ICE 第一场 12.13
2020/12/17 DOTA
python+OpenCV实现图像拼接
2020/03/05 Python
python IP地址转整数
2020/11/20 Python
使用CSS3来绘制一个月食图案
2015/07/18 HTML / CSS
阿玛尼美妆英国官网:Giorgio Armani Beauty英国
2019/03/28 全球购物
NYX Professional Makeup英国官网:美国平价专业彩妆品牌
2019/11/13 全球购物
Timberland澳大利亚官网:全球领先的户外品牌
2019/12/10 全球购物
英智兴达软件测试笔试题
2016/10/12 面试题
质检部部长职责
2013/12/16 职场文书
生日派对邀请函
2014/01/13 职场文书
光盘行动倡议书
2014/02/02 职场文书
小学新教师培训方案
2014/02/03 职场文书
新年爱情寄语
2014/04/08 职场文书
竞聘演讲稿怎么写
2014/08/28 职场文书
党支部培养考察意见
2015/06/02 职场文书
《秋天的图画》教学反思
2016/02/19 职场文书
高中语文教材(文学文化常识大全一)
2019/08/13 职场文书
总结python多进程multiprocessing的相关知识
2021/06/29 Python
SpringBoot读取Resource下文件的4种方法
2021/07/02 Java/Android