沃梦达 / IT编程 / 前端开发 / 正文

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

在IE浏览器下,通过a标签可以实现获取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的值