在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的值
基础教程推荐
- asp.net+ajax简单分页实例分析 2022-10-18
- Vue自学之路5-vue模版语法(v-text,v-html,v-pre) 2023-10-08
- 利用HTML5切割上传超大文件 2023-10-26
- 用YUI做了个标签浏览效果 2023-12-15
- html5基础---canvas 2023-10-27
- Vue-vue-router(二)嵌套路由 2023-10-08
- JavaScript实现带音效的烟花特效 2023-08-12
- javascript请求servlet实现ajax示例(分享) 2023-02-13
- 史上最强vue总结来了,这原因我服了 2023-10-08
- vue组件,局部组件,全局组件,模板抽取 2023-10-08
