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 相关文章推荐
javascript获取当前ip的代码
May 10 Javascript
JavaScript DOM 学习第九章 选取范围的介绍
Feb 19 Javascript
JS 操作Array数组的方法及属性实例解析
Jan 08 Javascript
js弹出div并显示遮罩层
Feb 12 Javascript
JS实现可拖曳、可关闭的弹窗效果
Sep 26 Javascript
在Linux系统中搭建Node.js开发环境的简单步骤讲解
Jan 26 Javascript
AngularJS自动表单验证
Feb 01 Javascript
jQuery实现优雅的弹窗效果(6)
Feb 08 Javascript
vue父组件向子组件(props)传递数据的方法
Jan 02 Javascript
基于js文件加载优化(详解)
Jan 03 Javascript
Node.js的Koa实现JWT用户认证方法
May 05 Javascript
vue实现添加与删除图书功能
Oct 07 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 MySQL与分页效率
2008/06/04 PHP
php二分查找二种实现示例
2014/03/12 PHP
Laravel 4 初级教程之视图、命名空间、路由
2014/10/30 PHP
php7 图形用户界面GUI 开发示例
2020/02/22 PHP
javascript的函数、创建对象、封装、属性和方法、继承
2011/03/10 Javascript
js 鼠标移动显示图片的简单实例
2013/12/25 Javascript
jQuery移除元素自动解绑事件实现思路及代码
2014/05/31 Javascript
jquery使用animate方法实现控制元素移动
2015/03/27 Javascript
配置Grunt的Task时通配符支持和动态生成文件名问题
2015/09/06 Javascript
浅谈Node.js CVE-2017-14849 漏洞分析(详细步骤)
2017/11/10 Javascript
微信小程序实现image组件图片自适应宽度比例显示的方法
2018/01/16 Javascript
JavaScript判断数组类型的方法
2019/10/23 Javascript
vue实现图片上传到后台
2020/06/29 Javascript
python实现ipsec开权限实例
2014/11/11 Python
跟老齐学Python之使用Python查询更新数据库
2014/11/25 Python
详解Python中expandtabs()方法的使用
2015/05/18 Python
使用Python实现windows下的抓包与解析
2018/01/15 Python
Python Requests模拟登录实现图书馆座位自动预约
2018/04/27 Python
Python爬虫包BeautifulSoup实例(三)
2018/06/17 Python
python实现定时发送qq消息
2019/01/18 Python
python中aioysql(异步操作MySQL)的方法
2019/04/11 Python
Python实现的登录验证系统完整案例【基于搭建的MVC框架】
2019/04/12 Python
十分钟搞定pandas(入门教程)
2019/06/21 Python
python爬虫神器Pyppeteer入门及使用
2019/07/13 Python
Django多数据库的实现过程详解
2019/08/01 Python
Python生成个性签名图片获取GUI过程解析
2019/12/16 Python
jupyter notebook清除输出方式
2020/04/10 Python
Python模拟伯努利试验和二项分布代码实例
2020/05/27 Python
Django生成数据库及添加用户报错解决方案
2020/10/09 Python
艺术设计专业个人求职信范文
2013/12/11 职场文书
《再见了,亲人》教学反思
2014/02/26 职场文书
小学领导班子对照材料
2014/08/23 职场文书
酒店员工管理制度
2015/08/05 职场文书
Python爬虫数据的分类及json数据使用小结
2021/03/29 Python
关于Numpy之repeat、tile的用法总结
2021/06/02 Python
动态规划之使用备忘录来改进Javascript函数
2022/04/07 Javascript