本文介绍了一种通过JavaScript获取页面referrer的方法，并将其保存为cookie的技术实现。具体包括如何利用document.referrer属性读取前一页面的URL，以及如何在本地设置cookie记录这一信息。
举例：
1. a.html文件内容如下：
<a href="b.html">浏览b.html </a>
2. b.html文件中的内容如下：
<body>
<script type="text/javascript">
document.write(document.referrer);
</script>
</body>
3. 则在通过a.html中的超链接访问b.html的时候，显示的结果是：
http://127.0.0.1:8180/a.html
说明：
经过测试，需要将两个文件放在服务器中才能得到想要的结果,若直接在本地文件夹中则得到空字符串，若直接在浏览器地址栏中输入b.html的URL地址或使用打开菜单访问b.html，则document.referrer的值为空字符串
(function($){
//获取Url地址栏中的地址
var referrerUrl=document.referrer;
var key = new Array("referrerUrl");
var val = new Array(referrerUrl);
//读取本地的cookie，如果为空的话
if(getCookie("referrerUrl")==""){
//读取请求头的referer,并记住cookie
if(referrerUrl!=""&&referrerUrl!=null){
setReferrerCookie(key,val,30);
}
}
})(jQuery);
function getCookie(c_name){
if(document.cookie.length > 0){ // 若存在cookie
c_start = document.cookie.indexOf(c_name + "=");
if(c_start != -1){ // 若需要读取的cookie存在
c_start += c_name.length + 1; // 定位cookie值的起点
c_end = document.cookie.indexOf(";", c_start); // 定位cookie值的终点
if(c_end == -1) { // 只有一个cookie存在
c_end = document.cookie.length;
}
return document.cookie.substring(c_start, c_end); // 返回cookie值
}
}
return ""; // 读取失败，也就是需要读取的cookie不存在
}
function setReferrerCookie(key,val,expriedays){
var exdate = new Date();
exdate.setDate(exdate.getDate() + expriedays);
document.cookie = key[0]+"="+escape(val[0])+((expriedays==null)?"":";expires=" + exdate.toGMTString())+";path=/";
}
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
