js 弹出新页面避免被浏览器、ad拦截的一种新方法
更新时间：2014年04月30日 16:42:41 作者：
本文为大家介绍了使用js弹出新页面同时避免被浏览器、ad拦截等，具体的实现方法如下，大家不妨参考参考
以绑定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方式提交表单等
绑定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实现将数组中所有元素连接成一个字符串的方法,涉及javascript中采用join方法进行数组转化的技巧,非常具有实用价值,需要的朋友可以参考下2015-04-04
这篇文章主要介绍了JS操作input标签属性checkbox全选的代码，非常不错，具有参考借鉴价值，需要的朋友可以参考下2017-03-03
面向对象语言中 this 表示当前对象的一个引用。但在 JavaScript 中 this 不是固定不变的，它会随着执行环境的改变而改变，在方法中，this 表示该方法所属的对象，如果单独使用，this 表示全局对象2021-10-10
这篇文章主要给大家介绍了关于javascript隐藏显示div的两种方式,实现的代码很简单,点击时先判断div是否是显示,如果div是显示就把div设置为隐藏,否则就变为显示,需要的朋友可以参考下2022-09-09
这篇文章主要为大家详细介绍了js实现轮播图自动切换，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-07-07
用js对上传的文件大小以及格式进行初步的判断，在服务端再进行一次判断（防止浏览器拒绝执行脚本文件)下面有个不错的方法大家可以参考下2013-11-11
JS根据key值获取URL中的参数值及把URL的参数转换成json对象
本篇文章主要围绕js url 参数值展开话题，js根据key值获取url中的参数值，接着把url的参数转换成json，感兴趣的朋友一起来学习吧，本文写的不好地方还望多多指出批评建议2015-08-08
这篇文章主要介绍了微信小程序wx:for和wx:for-item的正确用法,wx:for是循环数组，wx:for-item即给列表赋别名,文中给大家列出来几个错误用法，大家一起学习下2018-04-04
解决JS组件bootstrap table分页实现过程中遇到的问题
这篇文章主要介绍了JS组件bootstrap table分页实现过程中遇到的问题，感兴趣的小伙伴们可以参考一下2016-04-04
这篇文章主要介绍了微信小程序里引入SVG矢量图标的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-09-09
最新评论