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 相关文章推荐
用YUI做了个标签浏览效果
Feb 20 Javascript
JavaScript EasyPager 分页函数
May 25 Javascript
IE6下focus与blur错乱的解决方案
Jul 31 Javascript
JavaScript/jQuery 表单美化插件小结
Feb 14 Javascript
jquery自定义下拉列表示例
Apr 25 Javascript
javascript 中that的含义示例介绍
May 14 Javascript
js与C#进行时间戳转换
Nov 14 Javascript
AngularJS表单验证中级篇(3)
Sep 28 Javascript
js代码延迟一定时间后执行一个函数的实例
Feb 15 Javascript
浅谈vue项目重构技术要点和总结
Jan 23 Javascript
JS常见DOM节点操作示例【创建 ,插入,删除,复制,查找】
May 14 Javascript
vue项目中使用vue-i18n报错的解决方法
Jan 13 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脚本代码
2011/02/19 PHP
PHP中file_get_contents函数抓取https地址出错的解决方法(两种方法)
2015/09/22 PHP
PHP查询并删除数据库多列重复数据的方法(利用数组函数实现)
2016/02/23 PHP
PHP执行shell脚本运行程序不产生core文件的方法
2016/12/28 PHP
javascript replace方法与正则表达式
2008/02/19 Javascript
javascript 写类方式之三
2009/07/05 Javascript
关于js new Date() 出现NaN 的分析
2012/10/23 Javascript
JS 获取浏览器和屏幕宽高等信息的实现思路及代码
2013/07/31 Javascript
js实现在字符串中提取数字
2013/11/05 Javascript
node.js入门教程
2014/06/01 Javascript
jQuery之Deferred对象详解
2014/09/04 Javascript
jQuery实现响应浏览器缩放大小并改变背景颜色
2014/10/31 Javascript
jQuery获得document和window对象宽度和高度的方法
2015/03/25 Javascript
解决js图片加载时出现404的问题
2020/11/30 Javascript
JQuery实现简单的图片滑动切换特效
2015/11/22 Javascript
jQuery on()方法绑定动态元素的点击事件实例代码浅析
2016/06/16 Javascript
关于Javascript回调函数的一个妙用
2016/08/29 Javascript
实例讲解JavaScript中call、apply、bind方法的异同
2016/09/13 Javascript
node.js中http模块和url模块的简单介绍
2017/10/06 Javascript
webpack构建的详细流程探底
2018/01/08 Javascript
layui按条件隐藏表格列的实例
2019/09/19 Javascript
jquery实现垂直手风琴菜单
2020/03/04 jQuery
vue-router 路由传参用法实例分析
2020/03/06 Javascript
解决Antd Table表头加Icon和气泡提示的坑
2020/11/17 Javascript
跟老齐学Python之字典,你还记得吗?
2014/09/20 Python
python 实现将Numpy数组保存为图像
2020/01/09 Python
css3的过滤效果简单实例
2016/08/03 HTML / CSS
英国休闲奢华的缩影:Crew Clothing
2019/05/05 全球购物
大家检讨书5000字
2014/02/03 职场文书
运动会稿件100字
2014/02/21 职场文书
《锄禾》教学反思
2014/04/08 职场文书
宪法宣传周工作方案
2014/05/26 职场文书
反四风个人对照检查材料思想汇报
2014/09/25 职场文书
世界名著读书笔记
2015/06/25 职场文书
mysql的数据压缩性能对比详情
2021/11/07 MySQL
Spring Cloud OpenFeign模版化客户端
2022/06/25 Java/Android