广告
返回顶部
首页 > 资讯 > 前端开发 > html >JS如何获取页面URL
  • 691
分享到

JS如何获取页面URL

2024-04-02 19:04:59 691人浏览 薄情痞子
摘要

这篇文章主要介绍了js如何获取页面URL,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。一段JS简单获取页面来源地址之前在写ASM的时候要用到

这篇文章主要介绍了js如何获取页面URL,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。

一段JS简单获取页面来源地址

之前在写ASM的时候要用到跳转,从A页进入B页后,经过各种操作后,提交成功跳转到成功提示页面,再从提示页面跳转会A页面。其实要实现也不难,最简单的方法是传参,可用传参必须修改大量的页面,因为这个A页面并非仅一个页面,而是可以从多个入口进入B页面,成功后再跳转回原来的入口。为了快速开发以及修改少量代码,我想到了在B页面用JS获取访问来源,从而实现客户的要求。

以下是B页面JS代码的一个Demo:

XML/html代码

<htmlxmlnshtmlxmlns="Http://www.w3.org/1999/xhtml"> <headidheadid="Head1"runat="server"> <title>获取页面来源</title> <basetargetbasetarget="_self"/> </head> <scripttypescripttype="text/javascript"> functiongetFrom()  {  varurl=document.referrer;  if(url=="")  {  url="直接输入网址";  }  varlocalUrl=window.location.href.toString();  window.alert("来源:"+url+"本页地址:"+localUrl);  }  </script> <body> <fORMidformid="form1"runat="server"> <aonclickaonclick="getFrom()">点击此处显示页面来源地址</a> </form> </body> </html>

用记事本把上面代码Copy进去后存为getReferrer.htm,再建一个html页面链接到该页面即可。

注意:若A页面是采用“location.href”这样的方式跳转的话,所获取到的值是空的,因为这种跳转方式相当于直接在地址栏输入网址,从搜藏夹直接打开该页面也是获取不到。

感谢你能够认真阅读完这篇文章,希望小编分享的“JS如何获取页面URL”这篇文章对大家有帮助,同时也希望大家多多支持编程网,关注编程网html频道,更多相关知识等着你来学习!

--结束END--

本文标题: JS如何获取页面URL

本文链接: https://www.lsjlt.com/news/86868.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • JS如何获取页面URL
    这篇文章主要介绍了JS如何获取页面URL,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。一段JS简单获取页面来源地址之前在写ASM的时候要用到...
    99+
    2022-10-19
  • php如何获取当前页面url参数
    在PHP中,可以使用`$_GET`或`$_REQUEST`超级全局变量来获取当前页面的URL参数。使用`$_GET`超级全局变量获取...
    99+
    2023-08-09
    php
  • 小程序如何获取当前页面URL
    本篇内容介绍了“小程序如何获取当前页面URL”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!使用getCurrentPages可以获取当前加载...
    99+
    2023-06-26
  • JS如何获取JSP页面的值
    这篇“JS如何获取JSP页面的值”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“JS如何获取JSP页面的值”文章吧。js通常无...
    99+
    2023-06-26
  • js如何获取URL中的参数
    这篇文章主要介绍js如何获取URL中的参数,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!获取 URL 中的参数这个需求在三大框架的时代应用貌似不多了,不过面试中问的还是蛮多的,了解一下是好的简单实现var ...
    99+
    2023-06-27
  • JS如何获取URL中的Query参数
    目录JS获取URL的Query参数需求描述实现一实现二JS获取URL上的指定参数总结JS获取URL的Query参数 需求描述 获取 URL 中的 Query 参数,例如: https...
    99+
    2023-01-17
    JS Query参数 JS获取URL的Query参数 JS获取Query参数
  • 前端如何获取网页的url
    1.设置或获取对象指定的文件名或路径: 获取整个 URL 为字符串(常用):window.location.href 2.获取与 URL 关联的端口号码:window.location.port eg:http://localhos...
    99+
    2023-09-01
    前端 服务器 java Powered by 金山文档
  • WordPress获取当前页面URL地址的方法
    本文实例讲述了WordPress获取当前页面URL地址的方法。分享给大家供大家参考。具体如下: 我们经常在做WordPress模板时会需要获取当前页面URL地址,这里就来给大家介绍获取当前页面URL地址方法. 用Word...
    99+
    2022-06-12
    WordPress 获取 当前页面 URL地址 方法
  • js和php如何获取当前url的内容
    #测试网址: http://localhost/blog/testurl.phpid=5 复制代码 代码如下: //获取域名或主机地址 echo $_SERVER['HTTP_HOS...
    99+
    2022-11-15
    当前url内容 url内容
  • 如何使用原生JS获取URL链接参数
    这篇文章将为大家详细讲解有关如何使用原生JS获取URL链接参数,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。1. 获取方式总结利用原生JS获取URL链接参数的方法也有好几种,今天我们依次来讲解常见的几种:...
    99+
    2023-06-29
  • DedeCms获取当前页面URL地址的实现方法
    本文实例讲述了Dedecms获取当前页面URL地址的实现方法。分享给大家供大家参考。具体实现方法如下: 织梦内容页如何调用当前页面url?相信很多对织梦感兴趣的朋友都会去考虑这个问题:在文章内容中加入本文链接,除了保护自...
    99+
    2022-06-12
    DedeCms 获取 当前 页面 URL地址
  • Jquery如何获取url及url参数
    这篇文章主要介绍了Jquery如何获取url及url参数,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。   在网页的Get方式传递参数的时...
    99+
    2022-10-19
  • js中如何实现一个获取页面ip的正则
    这篇文章将为大家详细讲解有关js中如何实现一个获取页面ip的正则,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。示例如下Javascrīpt:var arr=do...
    99+
    2022-10-19
  • url地址如何获取
    这篇文章将为大家详细讲解有关url地址如何获取,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。url地址的获取方法:首先打开任意浏览器,网站地址栏就是对于的url地址路径信息;然后在命令窗口输入nslook...
    99+
    2023-06-13
  • js获取url参数值的两种方式
    方法一:正则分析法 复制代码 代码如下: function getQueryString(name) { var reg = new RegExp("(^|&)" + nam...
    99+
    2022-11-15
    js url参数
  • JavaScript数据在不同页面的传递(URL参数获取)
            网页中,我们常常遇到这种情况,当我们在某个页面输入信息的时候,会跳转到另一个页面,并且会将我们输...
    99+
    2022-11-12
  • 小程序怎么在js中获取页面的值
    小程序在js中获取页面的值案例:在对应的wxml页面中添加以下代码:<form bindsubmit='formsubmit'><view class='Type'>...
    99+
    2022-10-20
  • js中怎么动态获取页面的script地址
    本篇内容主要讲解“js中怎么动态获取页面的script地址”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“js中怎么动态获取页面的script地址”吧!前言:(业务逻辑)在 vue 中,遇到这样的...
    99+
    2023-06-27
  • Python如何获取URL参数
    这篇文章主要介绍了Python如何获取URL参数的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇Python如何获取URL参数文章都会有所收获,下面我们一起来看看吧。下文中使用的 URL 地址是:https://...
    99+
    2023-07-02
  • php如何获取本页面的id
    在PHP中,可以使用$_SERVER['PHP_SELF']来获取当前页面的URL,然后使用parse_url函数解析URL,获取其...
    99+
    2023-10-22
    php
软考高级职称资格查询
推荐阅读
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作