在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的值
猜你喜欢
- jquery ajax实现文件上传功能实例代码 2023-02-15
- 浅谈js中的三种继承方式及其优缺点 2023-11-30
- AJAX跨域请求数据的四种方法(实例讲解) 2023-02-14
- jQuery AJAX实现调用页面后台方法 2022-12-28
- hasLayout引发的CSS Bug表 2023-12-13
- JavaScript Sort 表格排序 2023-12-01
- 「HTML+CSS」--自定义加载动画【026】 2023-10-27
- JavaScript实现按键精灵的原理分析 2023-12-25
- 利用 FormData 对象和 Spring MVC 配合实现Ajax文件下载功能 2023-02-14
- 容易遗忘的HTML知识点 2023-10-27