获取上一页面的URL和本页的URL的方法

获取上一页面的URL和本页的URL是前端开发中比较基础的操作,可以通过以下几种方式来实现:

获取上一页面的URL

1. 使用document.referrer属性

document.referrer属性可以返回上一页面的URL,但是需要在当前页面进行跳转才能获取。

console.log(document.referrer);   // 输出上一页面的URL

2. 使用window.history对象

可以通过window.history对象的back()方法来返回到上一页面,然后获取上一页面的URL。

window.history.back();    // 返回上一页面
console.log(window.location.href);    // 获取上一页面的URL

获取本页的URL

1. 使用window.location对象

window.location对象包含当前页面的URL信息,可以通过href属性获取当前页面的URL。

console.log(window.location.href);   // 输出当前页面的URL

2. 使用location.href属性

location.href属性也可以获取当前页面的URL信息。

console.log(location.href);    // 输出当前页面的URL

总结一下,获取上一页面的URL可以使用document.referrer属性或者window.history对象,获取本页的URL可以使用window.location对象或者location.href属性。

示例说明:

  1. 获取上一页面的URL

假设当前页面为http://www.example.com/page2.html,前往http://www.example.com/page1.html,并且在控制台输出上一页面的URL。

window.location.href = 'http://www.example.com/page1.html';    // 前往页面1
console.log(document.referrer);   // 输出页面2的URL
  1. 获取本页的URL

假设当前页面为http://www.example.com/page1.html,在控制台输出当前页面的URL。

console.log(location.href);    // 输出当前页面的URL

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:获取上一页面的URL和本页的URL的方法 - Python技术站

(1)
上一篇 2023年6月15日
下一篇 2023年6月15日

相关文章

  • SpringBoot2 JPA解决懒加载异常的问题

    问题背景 在Spring Boot 2.x版本和JPA框架的使用中,常常会遇到懒加载异常的问题。举个例子,在一对多的关系中,当我们在父类中通过@OneToMany注解定义了子类的关系,而在子类中使用@ManyToOne注解与父类建立联系,当我们使用默认LAZY加载方式时,我们在模板中获取到父类后,在模板中访问子类的属性时,就会遇到一个懒加载异常。 解决方案 …

    Java 2023年5月25日
    00
  • SpringSecurity详解整合JWT实现全过程

    SpringSecurity详解整合JWT实现全过程 介绍 本文将详细讲解如何使用Spring Security和JWT实现基于token的用户身份认证和授权管理,帮助开发者更好地理解和使用Spring Security,同时提高安全性能和开发效率。 知识储备 在阅读本文之前,请确保你已经熟悉以下内容: Spring框架,特别是Spring Security…

    Java 2023年5月20日
    00
  • springBoot集成Elasticsearch 报错 Health check failed的解决

    下面是针对“springBoot集成Elasticsearch 报错 Health check failed的解决”的完整攻略: 问题背景 在使用SpringBoot集成Elasticsearch时,可能会遇到一些报错,其中之一就是“Health check failed”的报错。这个报错通常会出现在应用程序的启动过程中,导致无法正常启动应用程序。那么这个问…

    Java 2023年5月19日
    00
  • java 线程池的实现方法

    Java线程池是一种内部维护一定数量线程,用于处理多个并发任务的机制。使用线程池可以避免不断地创建和销毁线程,从而提高程序的性能和响应速度。本文将详细讲解Java线程池的实现方法,包括线程池的概述、核心参数和实现方式等,并通过示例说明其使用方法。 一、线程池概述 线程池是一种能够提高线程复用率、控制最大并发数、管理线程生命周期的机制。Java线程池中最主要的…

    Java 2023年5月26日
    00
  • Java中创建对象的6种方式

    当我们学习Java编程语言时,经常需要创建对象,Java中创建对象的方式有很多种。本文将介绍Java中创建对象的6种方式,以及每种方式的具体实现和示例。以下是详细攻略: 1.使用new关键字创建对象 使用Java中的new关键字可以创建对象。具体实现为:先声明一个类的变量,然后通过new关键字和类的构造函数来创建对象。 示例: //声明一个变量来保存对象 P…

    Java 2023年5月26日
    00
  • java中Collections.sort排序函数用法详解

    Java中Collections.sort排序函数用法详解 在Java中,对于列表的排序,我们通常使用Collections.sort()函数。本文将详细讲解Collections.sort()函数的用法。 基本用法 Collections.sort()函数用于对List进行排序。其基本用法如下: Collections.sort(List<T>…

    Java 2023年5月26日
    00
  • java数据库连接池的特点及步骤

    Java数据库连接池是Java web开发中常用的工具之一,下面按照以下步骤来详细讲解Java数据库连接池的使用: 步骤一:导入数据库连接池相关依赖 首先需要在项目中导入数据库连接池相关的依赖,比如Apache Tomcat、C3P0、Druid等等保证正在使用的数据库连接工具导入正确的驱动包。 步骤二:配置连接池参数属性 在Java代码中配置连接池的参数属…

    Java 2023年5月20日
    00
  • Spring Boot + thymeleaf 实现文件上传下载功能

    下面我将详细讲解“Spring Boot + Thymeleaf 实现文件上传下载功能”的完整攻略。 准备工作 在开始前,请确保你已经具备以下环境: JDK1.8及以上 Maven 3.0及以上 项目搭建 建立一个 Spring Boot 项目 可以通过 Spring Initializr 快速搭建,选择 Web 依赖和 Thymeleaf 模板引擎即可。 …

    Java 2023年6月15日
    00
合作推广
合作推广
分享本页
返回顶部