jQuery新窗口打开外链接
对于外链,为了留住用户在本站,我们通常会使用新窗口打开,你可以设置target="_blank"。然而手动一个是麻烦,另一个则是有可能会遗漏,本文通过jQuery查询要点击的链接,添加相关属性,使其打开新窗口。
$(document).on('click','a',function(){ var url = this.href,hash=''; if(url.indexOf('#')>-1){ hash = !!url.split('#')[1] ? '#' + url.split('#')[1] :''; url = url.split('#')[0]; } if(url && url.substr(0,4) == 'http' && url.indexOf('caibaojian.com')<0 ) { this.href = url.indexOf('?') > -1 ? url+'&utm_source=caibaojian.com'+hash:url+'?utm_source=caibaojian.com'+hash; this.setAttribute('target', '_blank'); } })
以上所述是小编给大家介绍的jQuery新窗口打开外链接,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对我们网站的支持!
相关推荐
-
JQuery实现的在新窗口打开链接的方法小结
第一种:下面的代码是针对jb51这个样式下的a都是在新窗口打开 复制代码 代码如下: <script type="text/javascript"> jQuery(document).ready(function($) { $('.jb51 a').attr({target: "_blank"}); }); </script> 第二种: 复制代码 代码如下: <script src="http://code.jquery.co
-
jquery简单实现外部链接用新窗口打开的方法
本文实例讲述了jquery实现外部链接用新窗口打开的方法.分享给大家供大家参考.具体实现方法如下: $("a[href^='http://']").click(function(){ this.target = "_blank"; }); 或者使用下面这个 $(function(){ $("a[href^='http://']").attr({'target':'_blank'}) }) 希望本文所述对大家的jQuery程序设计有所帮助.
-
Mui使用jquery并且使用点击跳转新窗口的实例
网上好多朋友是这样做的: 全局插入了js代码 mui('body').on('tap', 'a', function () { document.location.href = this.href; }); 这样做是行的,但是有很多问题,比如点击侧栏的时候,就不出现,错误很多, 经实践自己的方法还是可行的,写多了jquery,竟然调试js原生老不成功.可能是生疏了,啥东西还是要用~ 那就先加入jquery @Scripts.Render("~/bundles/jquery") 好了,直
-
jQuery新窗口打开外链接
对于外链,为了留住用户在本站,我们通常会使用新窗口打开,你可以设置target="_blank".然而手动一个是麻烦,另一个则是有可能会遗漏,本文通过jQuery查询要点击的链接,添加相关属性,使其打开新窗口. $(document).on('click','a',function(){ var url = this.href,hash=''; if(url.indexOf('#')>-1){ hash = !!url.split('#')[1] ? '#' + url.spli
-
_blank开新窗口不符合标准?
本文参考了以下文章: Kevin Yank的<New-Window links in a Standards-Compliant World> <Standards-based Replacement for target="_blank" in External links> 我们要在新窗口中打开链接通常的做法是在链接后面加target="_blank",我们采用过渡型的DOCTYPE(xh tml1-transitional. dtd)时
-
Javascript控制页面链接在新窗口打开具体方法
第一个方法就是用jquery实现,原理是这样的先找到站点中的外部链接,然后再给链接加上target=_blank"属性就搞定了,代码如下:jquery在新窗口打开 复制代码 代码如下: $("a[href*='http://']:not([href*='"+location.hostname+"']),[href*='https://']:not([href*='"+location.hostname+"'])").addClass(
-
dedecms ckeditor编辑器添加链接默认新窗口打开的修改方法
DEDECMS文章页加入的链接都默认不是在新窗口打开.百度一下,都是关于FCKeditor编辑器的.dedecmd v5.7 默认ckeditor编辑器.写下来希望能帮到那些不会改的同学 在清理下浏览器缓存,就可以了.
-
FCKEditor超级链接默认新窗口打开的修改方法
Fckeditor是一款开源的WEB可视化编辑器,因为该软件小巧.易用.方便受到大家的欢迎,国内很多CMS都采用了FCK编辑器,最近有很多网友向我们反映关于FCK添加的超级链接不能在新窗口中打开,需要另外设置才可以,那么,能不能将链接默认为新窗口呢? 效果如图所示: 打开 fckeditor\editor\dialog\fck_link.html 查找 id="cmbTarget" 的 select 标签, 添加 selected="selected" 属性 复制代
-
使用jquery实现以post打开新窗口
网络上已有此功能的函数,是以纯JS实现.但是在项目中发现,此函数无法兼容Firefox,由此我重写了此方法. 复制代码 代码如下: //默认新窗口配置 var windowDefaultConfig = new Object; windowDefaultConfig['directories'] = 'no'; windowDefaultConfig['location'] = 'no'; windowDefaultConfig['menubar'] = 'no'; windowDefaultC
-
JS打开新窗口防止被浏览器阻止的方法
本文实例讲述了JS打开新窗口防止被浏览器阻止的方法.分享给大家供大家参考.具体分析如下: 用传统的window.open()方式打开新窗口,会被浏览器阻止,那么,我们如何才能让JS打开新窗口不被浏览器阻止呢?其实办法还是有的,这里我们就来分析一下如何解决这个问题 我最近也遇到了这样的问题,所以就把弹出新窗口的方法分享给大家.欢迎大家补充哦... 第一种.使用原生javascript的window.open()方法(大部分情况下会被浏览自阻止) 第二种.模拟表单(form)提交,原理是指定表单的a
随机推荐
- UBB代码在论坛中的应用
- 网站中的隐形炸弹eWebEditor文件上传漏洞补丁
- go语言制作一个gif动态图
- 详解windows下vue-cli及webpack 构建网站(三)使用组件
- 详解基于webpack和vue.js搭建开发环境
- linux下如何配置SQLSERVER ODBC
- Oracle 阻塞(blocking blocked)介绍和实例演示
- 详解如何用OpenCV + Python 实现人脸识别
- React-router中结合webpack实现按需加载实例
- Jsp和PHP共用80端口整合Apache和Tomcat(访问时无需加端口号)
- 修改MySQL的数据库引擎为INNODB的方法
- HTML中使背景图片自适应浏览器大小实例详解
- JavaScript 判断日期格式是否正确的实现代码
- 基于JQuery的cookie插件
- 鼠标放在FLASH上后为何不停变换的解决方法
- 任意位置显示html菜单
- iOS MRC 下 block 循环引用问题实例讲解
- Python函数中的可变长参数详解
- PHP addslashes()函数讲解
- spring cloud eureka微服务之间的调用详解