对于链接，为了留住用户在本站，我们通常会使用新窗口打开，你可以设置target="_blank"。然而手动一个是麻烦，另一个则是有可能会遗漏，本文通过jQuery查询要点击的链接，添加相关属性，使其打开新窗口。
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<a href="demo.php">阅谁问君诵，水落清香浮。</a>
<a href="demo.php?f=xxx">阅谁问君诵，水落清香浮。</a>
<a href="demo.php?f=xxx#45">阅谁问君诵，水落清香浮。</a>
<script src="jquery-1.10.1.min.js" ></script>
<script>
$(document).on('click','a',function(){
var url = this.href,hash='';
console.info(url);
if(url.indexOf('#')>-1){
hash = !!url.split('#')[1] ? '#' + url.split('#')[1] :'';
url = url.split('#')[0];
}
if(url && url.substr(0,4) == 'http' && url.indexOf('onestopweb.cn')<0 ) {
this.href = url.indexOf('?') > -1 ? url+'&utm_source=onestopweb.cn'+hash:url+'?utm_source=onestopweb.cn'+hash;
this.setAttribute('target', '_blank');
}
})
</script>
</body>
</html>
效果图：
相关推荐
本文实例讲述了jquery实现外部链接用新窗口打开的方法。分享给大家供大家参考。具体实现方法如下： $("a[href^='http://']").click(function(){ this.target = "_blank"; }); 或者使用下面这个 $(function(){ $...
NULL 博文链接：https://onestopweb.iteye.com/blog/2405383
jQuery 实现在新窗口中打开链接方法，收集了几个，大家可以根据需要选择使用。
jq 文字变色 a 链接，不同颜色，每个文字都不同
最近开发项目有这么一个需求 有一堆A链接关键词,点击后让他跳转到百度自动搜索此关键词,js写法如下,希望可以帮到各位
//弹出窗口打开链接，参数：网址，命名，窗体样式，是否替代原窗口 用处：打开新窗体，打开自定义页面 <!DOCTYPE html> <html> <head> <meta charset=utf-8> <title>在弹出窗口中...
对于外链，为了留住用户在本站，我们通常会使用新窗口打开，你可以设置target=”_blank”。然而手动一个是麻烦，另一个则是有可能会遗漏，本文通过jQuery查询要点击的链接，添加相关属性，使其打开新窗口。 $...
JQ最新手册 中文版
JQ实现拖拽上传并显示
NULL 博文链接：https://onestopweb.iteye.com/blog/2332748
share分享，JQ第三方分享插件，可自定义链接、标题，移动端H5
各种效果弹窗。美观实用。绝对满意，多达10几种。调用方便
jq 验证码插件jq 验证码插件jq 验证码插件jq 验证码插件jq 验证码插件jq 验证码插件jq 验证码插件jq 验证码插件
js特效之锚标记滚动,记得下载后评论加分啊
JQ大量效果JQ大量效果JQ大量效果JQ大量效果JQ大量效果JQ大量效果JQ大量效果JQ大量效果JQ大量效果JQ大量效果JQ大量效果JQ大量效果JQ大量效果JQ大量效果
笔顺书写jq+html 直接打开使用仅供参考 笔顺书写jq+html 直接打开使用仅供参考 笔顺书写jq+html 直接打开使用仅供参考 笔顺书写jq+html 直接打开使用仅供参考
代码如下: //默认新窗口配置 var windowDefaultConfig = new Object; windowDefaultConfig[‘directories’] = ‘no’; windowDefaultConfig[‘location’] = ‘no’; windowDefaultConfig[‘menubar’] = ‘no’; ...
适应窗口的JQ，非常实用。