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 多种搜索引擎集成的页面实现代码
Jan 02 Javascript
Jquery优化效率 提升性能解决方案
Sep 06 Javascript
jquery easyui滚动条部分设置介绍
Sep 12 Javascript
jQuery+html5+css3实现圆角无刷新表单带输入验证功能代码
Aug 21 Javascript
Vue中添加过渡效果的方法
Mar 16 Javascript
JavaScript限制在客户区可见范围的拖拽(解决scrollLeft和scrollTop的问题)(2)
May 17 Javascript
JS实现简单的浮动碰撞效果示例
Dec 28 Javascript
详解redux异步操作实践
Aug 15 Javascript
Vue数据双向绑定的深入探究
Nov 27 Javascript
vue中v-for通过动态绑定class实现触发效果
Dec 06 Javascript
p5.js绘制创意自画像
Nov 04 Javascript
如何用vue实现网页截图你知道吗
Nov 17 Vue.js
使用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 n个不重复的随机数生成代码
2009/06/23 PHP
Windows下部署Apache+PHP+MySQL运行环境实战
2012/08/31 PHP
解析在PHP中使用全局变量的几种方法
2013/06/24 PHP
php实现文件管理与基础功能操作
2017/03/21 PHP
PHP基于简单递归函数求一个数阶乘的方法示例
2017/04/26 PHP
JQuery 简便实现页面元素数据验证功能
2007/03/24 Javascript
JavaScript this调用规则说明
2010/03/08 Javascript
如何使用jQUery获取选中radio对应的值(一句代码)
2013/06/03 Javascript
用jquery生成二级菜单的实例代码
2013/06/24 Javascript
NodeJS学习笔记之网络编程
2014/08/03 NodeJs
JavaScript实现查找字符串中第一个不重复的字符
2014/12/29 Javascript
简单的jQuery入门指引
2015/07/28 Javascript
浅谈jquery上下滑动的注意事项
2016/10/13 Javascript
jQuery实现倒计时重新发送短信验证码功能示例
2017/01/12 Javascript
JavaScript数据结构之广义表的定义与表示方法详解
2017/04/12 Javascript
JS中getElementsByClassName与classList兼容性问题解决方案分析
2019/08/07 Javascript
Vue+Koa2+mongoose写一个像素绘板的实现方法
2019/09/10 Javascript
vue 使用localstorage实现面包屑的操作
2020/11/16 Javascript
Python转换HTML到Text纯文本的方法
2015/01/15 Python
python从入门到精通(DAY 2)
2015/12/20 Python
Python常用的爬虫技巧总结
2016/03/28 Python
Python中函数参数设置及使用的学习笔记
2016/05/03 Python
python 实现tar文件压缩解压的实例详解
2017/08/20 Python
python实现生成字符串大小写字母和数字的各种组合
2019/01/01 Python
python 将列表里的字典元素合并为一个字典实例
2020/09/01 Python
python中四舍五入的正确打开方式
2021/01/18 Python
Python LMDB库的使用示例
2021/02/14 Python
Python如何使用神经网络进行简单文本分类
2021/02/25 Python
EQVVS官网:设计师男装和女装
2018/10/24 全球购物
澳大利亚巧克力花束和礼品网站:Tastebuds
2019/03/15 全球购物
“三支一扶”支教教师思想汇报
2014/09/13 职场文书
2014年中学生检讨书大全
2014/10/09 职场文书
无房产证房屋转让协议书合同样本
2014/10/18 职场文书
月考总结与反思
2015/10/22 职场文书
MYSQL(电话号码,身份证)数据脱敏的实现
2021/05/28 MySQL
新的CSS 伪类函数 :is() 和 :where()示例详解
2022/08/05 HTML / CSS