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

yizhihongxing

在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 获取HTML DOM节点元素的方法小结

    那么首先介绍一下什么是DOM。 DOM简介 DOM,即文档对象模型(Document Object Model),是一种针对XML但经过扩展用于HTML的应用程序编程接口(API)。它为访问和操作HTML或XML文件提供了一种特定的结构化方式,使得开发者可以对文档的内容和结构进行添加、修改、删除或查找等操作。 Js 获取HTML DOM节点元素的方法小结 在…

    JavaScript 2023年6月10日
    00
  • 使用 vue-i18n 切换中英文效果

    使用 vue-i18n 切换中英文的过程需要遵循以下几个步骤: 第一步:安装 vue-i18n 在使用 vue-i18n 进行中英文切换前,需要在项目中安装 vue-i18n。可以使用 npm 等工具进行安装,具体的安装命令为: npm install vue-i18n –save 第二步:添加语言文件 在 /src 目录下新建一个文件夹 i18n,然后在…

    JavaScript 2023年6月10日
    00
  • Javascript 更新 JavaScript 数组的 uniq 方法

    下面是更新 JavaScript 数组的 uniq 方法的完整攻略: 1. 现状 目前,虽然 JavaScript 数组已有现成的 filter 函数可以用来过滤数组中重复的元素,但很多开发者经常需要自定义数组的 uniq 方法,以实现更加灵活的去重操作。目前,常见的去重实现方式有两种:基于 Set 对象的去重和基于对象属性的去重,其中基于 Set 的去重是…

    JavaScript 2023年5月27日
    00
  • JS把字符串格式的时间转换成几秒前、几分钟前、几小时前、几天前等格式

    转换字符串格式的时间为类似“几秒前”、“几分钟前”、“几小时前”、“几天前”等格式,通常需要先将字符串格式的时间转换成时间戳,然后获取当前时间戳与字符串格式时间戳之间的差值,最后根据差值计算出对应的时间差,即可得到所需的格式化时间。 以下是完整的攻略: 步骤一:将字符串时间转换成时间戳 在JS中可以使用Date对象将字符串格式的时间转换成时间戳,具体代码如下…

    JavaScript 2023年5月27日
    00
  • 详解JavaScript原生封装ajax请求和Jquery中的ajax请求

    详解JavaScript原生封装ajax请求和Jquery中的ajax请求 什么是Ajax? Ajax即“Asynchronous JavaScript And XML”,是一种异步的网页开发技术。通过Ajax技术,我们可以不用刷新整个页面,即可与服务器进行少量的数据的交互。 如何使用Ajax? 使用Ajax主要包含以下几个步骤:1. 创建XMLHttpRe…

    JavaScript 2023年6月11日
    00
  • js中replace的用法总结

    以下是详细讲解“js中replace的用法总结”的完整攻略。 replace方法的作用 replace()方法是JavaScript字符串对象的方法。它可以查找并替换字符串中的一些子串。我们可以使用replace方法将一些特殊字符或者字符串转换成其他字符或者字符串。 replace方法的基本用法 string.replace(regexp|substr, n…

    JavaScript 2023年5月28日
    00
  • 基于JS实现快速读取TXT文件

    基于JS实现快速读取TXT文件 要实现在网页中快速读取TXT文件,可以使用JavaScript提供的File API来完成。 步骤 以下是实现该功能的步骤: 使用input元素创建一个文件选择器,让用户可以选择要读取的TXT文件。 使用JavaScript的FileReader对象读取选择的文件。 使用回调函数读取文件内容。 在网页上显示文件内容或者执行其他…

    JavaScript 2023年5月27日
    00
  • 最简单的JavaScript图片轮播代码(两种方法)

    下面是“最简单的JavaScript图片轮播代码(两种方法)”的完整攻略。 什么是JavaScript图片轮播? JavaScript图片轮播是网站开发中常见的一种功能,可以展示一组图片,通过自动或手动切换图片来实现轮播效果,增强网站的视觉效果和用户体验。 JavaScript图片轮播的实现方法 在本文中,我们将介绍两种方法来实现最简单的JavaScript…

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