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方式提交表单等
相关文章
这篇文章主要介绍了js中getter和setter用法,结合实例形式分析了javascript中getter和setter的功能、使用方法及相关操作注意事项,需要的朋友可以参考下2018-08-08
这篇文章主要介绍了JavaScript中常见内置函数用法,结合实例形式分析了JavaScript常用内置函数的功能、参数、使用方法及相关操作注意事项,需要的朋友可以参考下2018-05-05
这篇文章主要介绍了JS时分秒倒计时的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-04-04
这篇文章主要介绍了微信小程序学习笔记之函数定义、页面渲染,结合实例形式较为详细的分析了微信小程序中函数的定义、生命周期、模板调用、样式控制等操作技巧,并配合图文形式进行了详细说明,需要的朋友可以参考下2019-03-03
这篇文章主要给大家总结了关于微信小程序开发中的各种疑问解答，文中将在微信小程序开发中可能遇到的问题都进行了整理和解答，对大家具有一定的参考学习价值，需要的朋友们下面来一起看看吧。2017-07-07
uniapp跨页面传值uni.$emit和uni.$on的使用及踩坑实战
使用uni.$emit触发事件后,对应的uni.$on就会监听到事件触发,在回调中去执行相关的逻辑,下面这篇文章主要给大家介绍了关于uniapp跨页面传值uni.$emit和uni.$on的使用及踩坑实战的相关资料,需要的朋友可以参考下2023-04-04
这篇文章主要为大家详细介绍了javascript设计模式之单体模式学习笔记，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-02-02
layui-tree实现Ajax异步请求后动态添加节点的方法
今天小编就为大家分享一篇layui-tree实现Ajax异步请求后动态添加节点的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
这篇文章主要介绍了简单使用webpack打包文件的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-10-10
在开发中常常会需要截取字符串,而 JavaScript 提供了很多种方法实现截取操作,本文主要介绍了JavaScript中切割截取字符串的7种方法,感兴趣的可以了解一下2024-02-02
最新评论