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日

相关文章

  • 自制的文件上传JS控件可支持IE、chrome、firefox etc

    实现自制的文件上传JS控件,需要分为以下几个步骤: 第一步:定义HTML结构 首先,我们需要定义HTML结构,提供上传文件的按钮,显示上传进度的进度条以及文件选择框的位置。 <div id="upload-box"> <input type="file" name="file" i…

    JavaScript 2023年5月27日
    00
  • JavaScript使用yield模拟多线程的方法

    下面是我准备的详细攻略。 前言 JavaScript本身是单线程的,即一次只能执行一个任务。这限制了JavaScript在一些需要同时执行多个任务的场景下的表现。 为了解决这个问题,JavaScript社区为我们提供了多线程的方案:使用Web Worker。Web Worker让我们能够在JS中使用多线程在后台运行JS程序。 然而,在某些更简单的情况下,我们…

    JavaScript 2023年5月28日
    00
  • Vue-Router进阶之滚动行为详解

    Vue-Router进阶之滚动行为详解 什么是滚动行为?为什么需要滚动行为? 在Vue-Router中,我们可以使用路由跳转来实现前后端页面之间的跳转,但是当我们来回切换不同的路由时会发现一个问题:每次切换完页面,新页面都会从顶部开始显示,这给用户带来了不好的体验。 这个问题可以通过设置滚动行为来解决。滚动行为可以定义在路由配置中,配合自定义行为函数,实现路…

    JavaScript 2023年6月11日
    00
  • Document.location.href和.replace的区别示例介绍

    Document.location.href和.replace是JavaScript中经常用到的两个方法,它们的作用都是跳转页面,但其实存在着一些区别。接下来我将详细讲解这两个方法的区别,并且分别给出两个示例来说明。 Document.location.href和.replace的区别 Document.location.href 使用Document.lo…

    JavaScript 2023年6月11日
    00
  • 简单分析js中的this的原理

    下面我就为您详细讲解“简单分析js中的this的原理”的攻略。 1. 什么是this 在JavaScript中,this是一个特殊的关键字,它代表当前函数调用的上下文对象。this指向的对象不同,它的值也会发生变化。 2. this的指向 2.1 默认绑定 默认绑定是指this指向全局对象(在浏览器中为window对象),这种情况下,this指向全局对象,即…

    JavaScript 2023年6月10日
    00
  • js调用AJAX时Get和post的乱码解决方法

    这里是 “js调用AJAX时Get和post的乱码解决方法”的完整攻略,我们将分为以下几个步骤: 确认乱码问题 解决Get请求的乱码问题 解决Post请求的乱码问题 接下来详细讲解: 1. 确认乱码问题 首先在实际开发时遇到乱码问题时,需要确认到底是AJAX请求出现了乱码,还是服务器返回了乱码,这是解决问题的第一步。 可以通过Chrome浏览器的开发者工具,…

    JavaScript 2023年5月19日
    00
  • JS 实现请求调度器

    让我们来详细讲解一下“JS 实现请求调度器”的完整攻略。 什么是请求调度器 请求调度器是一个用于处理并发请求的工具,它主要用于解决并发请求的限制问题。通常,浏览器发送的并发请求数量是有限制的,如果我们需要发送多个请求,会存在发生阻塞的情况。因此,使用请求调度器可以让我们管理并发请求的数量,保证同时只有一定数量的请求被发送,从而更好地管理请求。 实现请求调度器…

    JavaScript 2023年6月11日
    00
  • Javascript load Page,load css,load js实现代码

    实现 Javascript 来控制页面的加载过程,包括页面主体内容的加载、CSS 文件的加载和 JavaScript 文件的加载。在加载过程中,我们需要保证页面的正确显示和交互功能。 控制页面加载 了解 JavaScript 来控制页面的加载过程,需要关注以下三个关键点: 等待页面主体内容加载 加载 CSS 和 JavaScript 文件 等待 JavaSc…

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