document.referrer如何使用

2024-08-18

深入理解document.referrer的用法

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

document.referrer 特性

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

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

项目使用到一个场景,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> </

深入理解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

document.referrer如何使用

热门专题