关于document.referrer的使用需要注意

document.referrer 特性

最近需要用到document.referrer,但是在测试的时候,总是获取为空,百思不得其解. 于是发动百度,看了大量的文章没有一个说到点子上是为什么,后来偶然看到document.referrer 有个特性,就是必须在服务器环境下,才会获取到. mark一下,以便回忆.…

项目使用到一个场景,ajax请求返回无权限,跳回登录页面,登录后自动返回之前的浏览页,跳转由前端处理,于是想到document.referrer,但是对可靠性不确定,特意搜索了一下相关资料,大致整理如下,如有侵权,请告知删除. 只有当用户在上一个页面点击链接到达当前页面,或者location.href到达当前页面,document.referrer才会有值. 当用户输入这一页的网址.通过response.redirect.用了ssl.通过书签进入页面,这些情况referrer都会为空. 当网站使…

document.referrer之隐藏来源

document.referrer document.referrer是用来获取跳转链接的来源,正规的解释是:referrer 属性可返回载入当前文档的文档的 URL. 实际中使用在广告相关业务中较多,包括推广等. 举个例子: 比如我们从百度中跳转到w3c,那我们从w3c中可以获取到referrer,这个referrer就是https://www.baidu.com/s?ie=utf-8&f=8&rsv_bp=1&rsv_idx=1&tn=baidu&wd=docu…

移动端返回上一页，刚需！document.referrer 详解

返回上一页,在PC端我们可以使用:history.go(-1)或者history.back(),可以正常返回第一层.这样,我们不需要上一页的 url 具体是什么,只要使用 history 一般都没啥问题. 但是在移动端,如果想要返回上一页.比如从A页面跳到B页面,如果B页面想返回A页面,为了防止不会跳错,必须要有一个 < 按钮,给它加 history.go(-1) ,返回上一层. <a href="javascript:history.go(-1)" class=&quo…

ashx+jsonp+document.referrer

-- 一年前学的JSONP 跨域,一年后的今天相关知识点基本忘光.花了一天时间重新学习,再次感谢各位前辈的帖子,特此记录如下. --html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.o…

document.referrer和history.go(-1)退回上一页区别

javascript:location=document.referrer;和javascript:history.go(-1);区别: 返回上一页,在PC端我们可以使用:history.go(-1)或者history.back(),可以正常返回第一层.这样,我们不需要上一页的 url 具体是什么,只要使用 history 一般都没啥问题. 但是在移动端,如果想要返回上一页.比如从A页面跳到B页面,如果B页面想返回A页面,为了防止不会跳错,必须要有一个 < 按钮,给它加 history.go(…

document.referrer的使用和window.opener 跟 window.parent 的区别

偶尔看到了document.referrer,之前一直有点疑惑与window.opener 和 window.parent之间的区别首先查了一下w3cSCHOOL, 上面的解释:referrer 属性可返回载入当前文档的文档的 URL. 但是解释中没有写怎么载入才能用referrer, 翻看了几篇文章,终于搞懂了. window.opener是当前页面A通过open方法弹出一个窗口B,那在B页面上 window.opener就是A window.parent是当前页面C通过location.h…

js获取浏览器上一访问页面URL地址，document.referrer方法

如题,可用document.referrer方法获取上一页面的url 但是也有不可使用的情况直接在浏览器地址栏中输入地址: 使用location.reload()刷新(location.href或者location.replace()刷新有信息): 在微信对话框中,点击链接进入微信自身的浏览器: 扫码进入QQ或者微信的浏览器: 直接新窗口打开一个页面: 2017.8.3更新新版本Chrome测试,新窗口页面依然有document.referrer 从https的网站直接进入一个http协议的…

javascript document.referrer 用法

document对象的referrer属性,返回导航到当前网页的超链接所在网页的URL. 举例: 1. a.html文件内容如下: <a href="b.html">浏览b.html </a> 2. b.html文件中的内容如下: <body> <script type="text/javascript"> document.write(document.referrer); </script> </…

深入理解document.referrer的用法

前言在JavaScript中,document对象有很多属性,其中有3个与对网页的请求有关的属性,它们分别是URL.domain和referrer. URL属性包含页面完整的URL,domain属性中只包含页面的域名,而referrer属性中则保存着链接到当前页面的那个页面的URL. 前面两个很好理解,而referrer属性简单来说就是上一个页面的URL.那么这个属性具体有什么用处呢? 在H5页面中,我们经常要在头部加个返回上一个页面按钮,就像下面这样的: image.png 点击左侧的元…

深入理解DOM节点类型第七篇——文档节点DOCUMENT

× 目录 [1]特征 [2]快捷访问 [3]文档写入前面的话文档节点document,隶属于表示浏览器的window对象,它表示网页页面,又被称为根节点.本文将详细介绍文档节点document的内容特征文档节点的三个node属性——nodeType.nodeValue.nodeName分别是9.'#document'和null 由于它是根节点,所以其父节点parentNode指向null,ownerDocument也指向null console.log(document.nodeType…

JS在window和document的应用

页面跳转: window.location.href('地址') window.open('地址', '_self') 打开新窗口: window.open('地址', '_blank') 只显示地址栏:window.open('地址', 'title', 'location=1, height=200, width=500') 只显示状态栏:window.open('地址', 'title', 'status=1') 只显示工具栏:window.open('地址', 'title', 'too…

js DOM Document类型

JavaScript通过Document类型访问文档.在浏览器中,document对象是HTMLDocument(继承自 Document类型)的一个实例,表示整个HTML页面.document对象是window对象的一个属性.通过文档对象,不仅可以取得与页面有关的信息,而且还能操作页面的外观及其底层结构. 1.文档的子节点 DOM规定Document的子节点可以是DocumentType.Element.ProcessingInstructor或Comment,但是还有两个内置的访问其子节点…

HTML DOM Document 对象

HTML DOM Document 对象 HTML DOM 节点在 HTML DOM (Document Object Model) 中 , 每一个元素都是节点: 文档是一个文档. 所有的HTML元素都是元素节点. 所有 HTML 属性都是属性节点. 文本插入到 HTML 元素是文本节点.are text nodes. 注释是注释节点. Document 对象当浏览器载入 HTML 文档, 它就会成为 document 对象. document 对象是HTML文档的根节点与所有其他节点(元…

DOM Document节点类型详解

在前面 DOM 概况中,我们知道了 DOM 总共有 12 个节点类型,今天我们就来讲下 DOM 中最重要的节点类型之一的 document 节点类型. 1.概况 Javascript 通过 Document 类型表示文档.在浏览器中, document 对象是 HTMLDocument(继承自 Document 类型)的一个实例,表示整个 HTML 页面.而且, document 对象是 window 对象的一个属性,因此可以将其作为全局对象来访问. Document 节点具有如下特性: no…

Anchor 对象和document对象

HTML DOM 实例-Document 对象

使用 document.write() 向输出流写文本 <html><body><script type="text/javascript">document.write("Hello World!")</script></body></html> 使用 document.write() 向输出流写 HTML <html><body><script type=&qu…

javascript中document对象的属性和方法

document.documentElement; document.firstChild;document.childNodes[0];// 取得对<html>的引用document.body; // 取得对<body>的引用document.doctype; // 取得对<!DOCTYPE>的引用document.title;// 取得文档标题document.URL;// 取得完整的URLdocument.domain;// 取得域名document.referr…

js中的referrer返回上一页使用介绍

js中的referrer的用法举例. js完整代码: <script language="javascript"> var refer=document.referrer; document.getElementById('backurl').value=refer; </script> “HTTP_REFERER” 链接到当前页面的前一页面的 URL 地址.不是所有的用户代理(浏览器)都会设置这个变量,而且有的还可以手工修改 HTTP_REFERE…

javascript document对象第21节

<html> <head> <title>DOM对象</title> <style type="text/css"> table { border:1px solid green; border-collapse:collapse; width:300px; } td { padding:5px; border:1px solid green; font-size:16px; text-align:center; } tabl…

js中的referrer使用,返回上一页

js完整代码: <script language="javascript"> var refer=document. referrer ; document.getElementById('backurl').value=refer; </script> “HTTP_REFERER” 链接到当前页面的前一页面的 URL 地址.不是所有的用户代理(浏览器)都会设置这个变量,而且有的还可以手工修改 HTTP_REFERER.因此,这个变量不总是真实正确的.…

Referrer 还是 Referer？

上回我写了一篇文章介绍「Referrer Policy」,有小伙伴看完后问我:Referrer 这个单词到底怎么拼,为什么有时候中间有两个 r,有时候只有一个? 是的,这是一个很有趣的问题,这里就给有疑惑的同学们科普下. HTTP 中的 Referrer HTTP 协议中有一个用来表示页面或资源来源的请求头,由 Philip Hallam-Baker 于上世纪 90 年代提出来,他当时把这个请求头叫做Referer,并最终写进了 RFC1945,也就是 HTTP/1.0 协议: The Refe…

document.domain - JavaScript的同源策略问题:错误信息：Permission denied to access property 'document'_eecc00_百度空间

document.domain - JavaScript的同源策略问题:错误信息:Permission denied to access property 'document'_eecc00_百度空间 document.domain - JavaScript的同源策略问题:错误信息:Permission denied to access property 'document' 笔者在做第三方集成时,使用了<iframe>,通过子页面的js来调整父页面的元素时,会出现访问不到的情况.错误信息:P…

(87)Wangdao.com第二十天_JavaScript document 节点对象

document 节点对象, 代表整个文档,每张网页都有自己的 document 对象. window.document 当浏览器开始加载文档时就存在了正常的网页使用 document 或者 window.document iframe 框架中使用 iframe 节点对象的 contentDocument 属性 Ajax 操作返回的文档,使用 XMLHttpRequest 对象的 responseXML 属性内部节点的 ownerDocument 属性属性 document.default…

JavaScript -- 时光流逝（十一）：DOM -- Document 对象

JavaScript -- 知识点回顾篇(十一):DOM -- Document 对象 (1) document.activeElement: 返回文档中当前获得焦点的元素. <!doctype html> <html> <head> <meta charset="UTF-8"> <script type="text/javascript"> function my_activeElement() { va…

从原型链看DOM－－Document类型

JavaScript通过Document类型表示文档,原型链的继承关系为:document.__proto__->HTMLDocument.prototype->Document.prototype->Node.prototype->EventTarget.prototype Document节点具有下列特征:以下属性均为Node.prototype上的 nodeType值为9 nodeName值为"#document" nodeValue值为null pare…

JS中Document节点总结

document对象是documentHTML的一个实例,也是window对象的一个属性,因此可以将document对象作为一个全局对象来访问. Document节点的子节点可以是DocumentType,Element,ProcessingInstruction或Comment.ProcessingInstruction 对象可表示处理指令.这个不常用的接口表示 XML 文档中的一个处理指令(或 PI).使用 HTML 文档的程序设计者不会遇到 ProcessingInstruction 节点…

10.1.2 Document类型【JavaScript高级程序设计第三版】

JavaScript 通过Document 类型表示文档.在浏览器中,document 对象是HTMLDocument(继承自Document 类型)的一个实例,表示整个HTML 页面.而且,document 对象是window 对象的一个属性,因此可以将其作为全局对象来访问.Document 节点具有下列特征: nodeType 的值为9: nodeName 的值为"#document": nodeValue 的值为null: parentNode 的值为null: ownerDoc…

JS DOM1核心概要document

Document类型: document对象表示整个html页面,而且,document对象是window对象的一个属性: 文档信息:document.title,表示当前页面的标题: document.url,表示当前页面的链接地址: document.domain表示当前页面的域名: document.referrer表示当前页面的来源页面: 查找元素:document.getElementById(),返回节点元素: document.getElementByTagName(),返回一个n…

HTML中 DOM操作的Document 对象详解(收藏)

Document 对象Document 对象代表整个HTML 文档,可用来访问页面中的所有元素.Document 对象是 Window 对象的一个部分,可通过 window.document 属性来访问. Document 对象的集合:(1)all[]:all 集合返回对文档中所有 HTML 元素的引用.语法: document.all[i] document.all[name] document.all.tags[tagname] 说明:第一:all[] 是一个多功能的类似数组的对象,它提供了…

【关于document.referrer的使用需要注意】的更多相关文章