在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的值
基础教程推荐
猜你喜欢
- ajax三级联动下拉菜单效果 2023-01-31
- 9.css浮动.html 2023-10-28
- 使用ajax异步提交表单的几种方法总结 2023-01-26
- 使用CSS动画让页面元素反弹起来 2023-10-08
- 实例代码讲解ajax实现的无刷新分页 2022-12-15
- JavaScript中的方法重载实例 2023-12-02
- JavaScript圣杯布局与双飞翼布局实现案例详解 2022-10-21
- 初步了解JavaScript,Ajax,jQuery,并比较三者关系 2023-12-02
- 微信小程序自定义组件实现tabs选项卡功能 2024-01-03
- html5基础---h5特性 2023-10-29