IE下通过a实现location.href 获取referer的值

在IE浏览器下,通过a标签可以实现获取referer的值。具体实现步骤如下:

1. 通过a标签实现location.href方法获取referer

在a标签的href属性中添加需要跳转到的URL地址,并在该URL地址后添加“?referer=当前页面的URL地址”,如下所示:

<a href="http://www.example.com?referer=http://www.currentpage.com" target="_blank">跳转</a>

当用户点击该链接时,浏览器将会跳转到http://www.example.com,并在该链接中包含referer值,值为当前页面的URL地址,接着在新页面中可以通过以下代码获取referer的值:

var url = window.location.href;
var referer = url.split("?")[1].split("=")[1]

2. 通过JavaScript实现a标签的click事件获取referer

在HTML中定义一个a标签并添加id属性:

<a href="http://www.example.com" id="myLink">跳转</a>

在JavaScript中监听该a标签的click事件,并在该事件中获取当前页面的URL地址,并通过location.href跳转到目标页面并在URL地址中添加referer参数,如下所示:

document.getElementById("myLink").addEventListener("click", function(event){
  var url = window.location.href;
  var targetUrl = "http://www.example.com?referer=" + url;
  window.location.href = targetUrl;
  event.preventDefault();
})

当用户点击该链接时,通过事件监听,在跳转到http://www.example.com之前,在URL地址中添加referer参数并将其值设置为当前页面的URL地址,接着跳转到目标页面。在新页面中可以通过以下代码获取referer的值:

var url = window.location.href;
var referer = url.split("?")[1].split("=")[1]

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:IE下通过a实现location.href 获取referer的值 - Python技术站

(0)
上一篇 2023年6月11日
下一篇 2023年6月11日

相关文章

  • JavaScript满天星导航栏实现方法

    下面是JavaScript满天星导航栏实现方法的完整攻略。 1. 实现思路 满天星导航栏可以用CSS3的transform属性实现。具体来说,可以让导航栏容器旋转一定的角度,并让每个导航链接沿着一个圆形路径排列,从而实现满天星的效果。接下来,我们就按照以下步骤来完成实现: 创建HTML结构,包含导航栏的容器及各个导航链接。 使用CSS样式设置导航栏容器的初试…

    JavaScript 2023年6月10日
    00
  • javascript间隔定时器(延时定时器)学习 间隔调用和延时调用

    JavaScript间隔定时器(延时定时器)学习 什么是间隔定时器和延时定时器 在JavaScript中,间隔定时器和延时定时器是两种非常常用的技术,可以用于执行定时重复操作或在一定时间后执行操作。 间隔定时器:通过setInterval()函数来实现,可以按照指定的时间间隔重复调用一个函数。 延时定时器:通过setTimeout()函数来实现,可以在指定的…

    JavaScript 2023年6月11日
    00
  • 常用正则表达式语法例句

    针对“常用正则表达式语法例句”这个话题,我会根据常见的正则表达式语法分类进行详细的讲解,包含语法的含义、例子实现等。 常用正则表达式语法 字符匹配语法 字符匹配语法主要用于匹配某个特定字符或者一组特定字符,以下是常见的字符匹配语法: .:匹配任意一个字符,比如a.b可以匹配a+b、a.b等 []:用于匹配指定的字符集合,比如[a-z]表示匹配任意一个小写字母…

    JavaScript 2023年5月19日
    00
  • JavaScript中最容易混淆的作用域、提升、闭包知识详解(推荐)

    JavaScript中最容易混淆的作用域、提升、闭包知识详解 作用域 JavaScript采用词法作用域,即函数的作用域在函数定义时就已经确定了,不会随着函数调用的位置改变。因此,JavaScript中存在全局作用域和函数作用域。 全局作用域 全局作用域是指在代码的任何位置都可以访问的变量、函数和对象,它是在所有函数外部定义的作用域。 以下是一个示例,全局作…

    JavaScript 2023年5月28日
    00
  • JavaScript函数调用经典实例代码

    JavaScript函数调用经典实例代码攻略: 一、函数调用方式 JavaScript 中函数的调用分为四种方式: 函数调用 直接调用函数。 javascript function fn1() { console.log(“fn1 被调用了”); } fn1(); 方法调用 将函数作为对象的一个属性,通过该对象调用函数。 javascript var obj…

    JavaScript 2023年5月27日
    00
  • Node工程的依赖包管理方式

    作者:京东零售 陈震 在前端工程化中,JavaScript 依赖包管理是非常重要的一环。依赖包通常是项目所依赖的第三方库、工具和框架等资源,它们能够帮助我们减少重复开发、提高效率并且确保项目可以正确的运行。 目前比较常见的前端包管理器有 npm 和 Yarn,npm 是 Node.js 自带的包管理器,它可以安装、共享和分发 node.js 模块。最近pnp…

    JavaScript 2023年4月24日
    00
  • TimergliderJS 一个基于jQuery的时间轴插件

    下面就为大家介绍一下“TimergliderJS 一个基于jQuery的时间轴插件”的完整攻略。 什么是TimergliderJS TimergliderJS是一款基于jQuery的时间轴插件,它可以帮助开发者在网站中实现时间轴的功能,展示时间上发生的事件,并支持自定义样式。与其他时间轴插件不同的是,TimergliderJS不仅提供一种基本的时间轴布局,同…

    JavaScript 2023年5月27日
    00
  • jquery遍历数组与筛选数组的方法

    下面是关于jQuery遍历和筛选数组的方法的详细讲解: 遍历数组 1. each方法 使用each方法遍历数组很简单,只需要将数组作为each方法的参数,然后在回调函数中操作即可。回调函数中可以接收两个参数:元素的索引和元素本身。以下是一个例子: var arr = [‘apple’, ‘banana’, ‘orange’]; $.each(arr, fun…

    JavaScript 2023年5月27日
    00
合作推广
合作推广
分享本页
返回顶部