在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的值


基础教程推荐
- JavaScript 中创建私有成员 2023-08-12
- Vue中自动化引入样式及组件样式穿透 2023-10-08
- JavaScript实现继承的4种方法总结 2023-12-01
- javascript实现文字跑马灯效果 2023-12-01
- layui数据表格以及传数据方式 2022-12-16
- 解决ajax提交到后台数据成功但返回不走success而走的error问题 2023-02-22
- 利用相对定位及偏移量做精美输入界面 2022-10-16
- JS中prototype的用法实例分析 2023-12-01
- AJAX跨域问题解决方案详解 2023-02-23
- 解决:layUI数据表格+简单查询 2022-12-16