`

JS 获取当前URL和来源URL

阅读更多

index.html

<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
<title>新建H5模板</title>
</head>
<body>
<a href="demo.html">链接</a>
</body>
</html>

 

demo.html

<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
<title>新建H5模板</title>
</head>
<body>
当前URL:<input type="text" style=" width:300px;" name="nowurl" id="nowurl"><br>
来源URL:<input type="text" style=" width:300px;" name="fromurl" id="fromurl">
<script>
	var nowurl = document.URL;
	var fromurl = document.referrer;
	document.getElementById('nowurl').value = nowurl;
	document.getElementById('fromurl').value = fromurl;
</script>
</body>
</html>

 

效果图:

通过 http://www.onestopweb.cn/index.html 进来

 

获取当前的URL是:http://www.onestopweb.cn/demo.html
获取来源的URL是:http://www.onestopweb.cn/index.html

 

说明:
document.URL 属性可返回当前文档的 URL。
document.referrer 属性可返回载入当前文档的文档的 URL。

 

 

  • 大小: 17.4 KB
  • 大小: 18.8 KB
1
0
分享到:
评论

相关推荐

    JS实现获取当前URL和来源URL的方法

    在JavaScript中,获取当前页面的URL和来源URL是常见的需求,这主要涉及到`document.URL`和`document.referrer`两个属性。下面将详细介绍这两个属性及其使用方法。 **1. `document.URL`** `document.URL`属性用于...

    JavaScript获得当前网页来源页面(即上一页)的方法

    本文实例讲述了JavaScript获得当前网页来源页面(即上一页)的方法。分享给大家供大家参考。具体如下: 下面的JS代码通过document.referrer获得来源页面地址 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;body&gt; The ...

    用js获取百度用户搜索来源关键词

    总的来说,通过JavaScript获取百度用户搜索来源关键词是一项实用但可能受限的技术。开发者应当了解其局限性,并结合其他数据源(如Google Analytics或其他服务器端日志)来获得更全面的用户行为洞察。在实践中,务必...

    js返回当前网页的url

    在本例中,JavaScript被用来获取当前网页的URL。 2. document.URL属性:document.URL是一个JavaScript对象属性,它返回当前文档的完整URL。URL,即统一资源定位符,是互联网上用来定位资源的地址。在编写JavaScript...

    PHP获取当前页面完整URL的实现代码

    在Web开发中,有时我们需要获取当前页面的完整URL,以便进行各种操作,如跟踪链接、构建...总的来说,无论是JavaScript还是PHP,都有多种方法可以获取和处理当前页面的URL。开发者可以根据实际需求选择合适的方法。

    js获取主机IP js获取主机IP

    当用户从其他页面跳转到当前页面时,`document.referrer`可能会包含来源页面的URL,从而获取到用户的IP。但这并不总是可靠,因为有些浏览器或隐私设置会阻止referrer信息的传递。 需要注意的是,JavaScript获取的...

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

    本节将详细介绍两种常用的方法来获取上一页面的URL和本页面的URL。 1. **获取上一个网页的URL**: 在Java Servlet环境下,可以通过HttpServletRequest对象提供的`getHeader()`方法来获取上一页面的URL。这个方法是...

    返回上一个url并刷新界面的js代码.docx

    6. **`document.referrer`**: 这个属性通常用于获取当前页面的来源URL,但在单页应用(SPA)中,由于路由发生在同一页,它的值可能始终为空,不能用于判断上一页的URL。 7. **`cookie`和`sessionStorage`**:这些...

    h5截取视频当前一帧图片

    这段配置允许所有来源的跨域GET、POST和OPTIONS请求。 4. **视频截图后端处理**: 提到的`videoController.java`可能是处理截图请求的后台控制器。通常,前端通过API请求截图,后端接收到请求后,调用前面提到的...

    javascript教程之免费的获取IP对应的经纬度坐标,给入ip,返回GPS坐标.zip

    5. **Web服务接口**:"获得当前IP的位置及经纬度的web服务 - del1214的专栏 - 博客频道 - CSDN.NET.url"可能介绍了一个用于获取IP位置的接口,开发者可以通过调用这个接口获取所需数据。 6. **API调用**:在...

    javascript操作referer详细解析

    JavaScript中的`referer`是一个关键的HTTP头部字段,它记录了用户从哪个URL访问了当前页面。这个信息对于网站分析、追踪用户来源以及了解流量来源至关重要。在JavaScript中,我们可以使用`document.referrer`来获取...

    javascript经典特效---检测页面来源.rar

    在JavaScript中,我们可以使用`document.referrer`属性来获取当前页面的来源URL。`document.referrer`表示的是用户从哪个页面点击链接进入到当前页面的URL。如果用户直接在浏览器地址栏输入URL或者通过书签访问,`...

    javascript bom组成.doc

    例如,`history`属性存储了用户访问过的URL信息,`location`属性则包含了当前URL的相关信息。通过`window.location`,我们可以直接更改URL,如`window.location="https://www.baidu.com"`,这将使浏览器跳转到指定的...

    php获取客户端IP及URL的方法示例

    在PHP开发中,获取客户端的IP地址和URL是常见的需求,这有助于追踪用户行为、定位访问来源或者进行安全控制。本篇文章将详细讲解如何利用PHP预定义的服务器变量`$_SERVER`来实现这一目标。 首先,获取客户端IP地址...

    常用js判断上一页的来源.txt

    总之,了解和掌握如何在JavaScript中判断上一页来源是一项非常实用的技能,它能够帮助开发者增强网站的功能性和用户体验,同时为数据分析和网站优化提供有价值的信息。通过上述方法的综合运用,你可以构建更加智能和...

    如何获取当前页面上一页的URL?

    在HTML5和JavaScript的环境中,我们可以使用`document.referrer`属性来获取当前页面加载时的来源URL,即上一个页面的URL。 `document.referrer`是JavaScript提供的一个全局属性,它会返回导致当前页面被加载的文档...

    asp获取当前网页地址的代码

    - **重定向页面**:在用户登录成功后,可以通过获取当前URL并将用户重定向回之前的页面。 - **记录访问日志**:在网站后台系统中,可以记录用户的访问日志,包括访问的时间、来源页面等信息。 - **生成分享链接**:...

    JS判断搜索引擎来路跳转代码.rar

    JavaScript(简称JS)是一种轻量级的解释型编程语言,常用于网页和网络应用的开发。在网页开发中,我们经常需要判断用户是如何访问我们的网站的,比如他们是通过搜索引擎还是直接输入URL。这就是所谓的“搜索引擎...

Global site tag (gtag.js) - Google Analytics