`

JQ 新窗口打开链接并设置参数

阅读更多

对于链接,为了留住用户在本站,我们通常会使用新窗口打开,你可以设置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>

 

效果图:

 

 

 

 

  • 大小: 13.7 KB
0
0
分享到:
评论

相关推荐

    jQuery弹出窗口打开链接的实现代码

    //弹出窗口打开链接,参数:网址,命名,窗体样式,是否替代原窗口 用处:打开新窗体,打开自定义页面 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset=utf-8&gt; &lt;title&gt;在弹出窗口中...

    LHGDialog V3.5.2 正式版 lhgDialog弹出窗口组件 lhgdialog V3.5.2

    link:是否为外部链接参数值:默认false(不是外部链接),true(是外部链接,这里的外部链接指的是不同域的网址)。 html:窗口的内容为HTML代码参数值:可以是HTML代码或DOM对象。 fixed:是否开启静止定位参数值...

    在Js页面通过POST传递参数跳转到新页面详解

    场景 最近在工作中遇到一个需求,有个页面 a.vm,对 ajax 请求的结果进行判断后,获取结果里面的数据传递给一个 URL...请求头总长度大于128k时使用 large_client_header_buffers 设置的缓存区 large_client_header_

    jQuery打开多个标签页

    `window.open()`函数接受三个参数:要打开的URL、新窗口或标签页的名称以及窗口特征(如宽度、高度等)。 下面是一个简单的示例,展示如何使用jQuery打开一个新标签页: ```javascript $('a[target="_blank"]')....

    jquery获取链接地址和跳转详解(推荐)

    此函数会在新浏览器标签页或窗口中打开指定的URL。 3. 返回上一页:通过调用window.history.back()方法,可以返回到浏览器历史记录中的前一个页面。参数-1表示上一步操作。 4. 使用window.location.replace()方法...

    jquery组件包1.8

    通过设置参数如`width`、`height`、`modal`等,可以灵活调整对话框的样式和行为。 2. **Datepicker**:为输入字段添加日历选择功能,支持多种日期格式,可设置开始和结束日期范围,以及特殊日期样式。 3. **...

    Jquery实现网页跳转或用命令打开指定网页的解决方法

    `"_blank"`参数表示在新的窗口或标签页中打开链接,如果你希望在当前窗口或标签页中替换当前页面,可以使用`"_self"`。 除了基本的跳转,我们还可以结合其他jQuery方法,比如延迟跳转、条件跳转等。例如,如果你想...

    jquery 图片轮换效果

    其中,`target`属性通常用于决定点击图片后是在当前窗口打开链接还是在新窗口打开。 3. **DOM操作**: 代码中使用了jQuery的DOM操作方法来构建轮换组件的结构。首先,创建了两个`div`元素,分别用于存放图片按钮和...

    基于jquery的划词搜索实现(备忘)

    遗憾的是,`GLS.search`函数的具体实现没有在提供的代码中给出,通常它会创建一个搜索请求,可能是通过Ajax发送到服务器,或者打开一个新的窗口或标签页,将选中的文本作为查询参数传递给指定的搜索引擎(如Google或...

Global site tag (gtag.js) - Google Analytics