首页 > 其他分享 >JS实现获取当前URL和来源URL的方法

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

时间:2024-05-05 20:22:38浏览次数:31  
标签:URL JS 获取 window href location var document

通用模式:

Javascript 正常取来源网页的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>

但,如果来源页是Javascript跳转过来的,上边的方法就拿不到了!所以用:

 
opener.location.href 

var ref = '';  
 if (document.referrer.length > 0) {  
  ref = document.referrer;  
 }  
 try {  
  if (ref.length == 0 && opener.location.href.length > 0) {  
   ref = opener.location.href;  
  }  
 } catch (e) {}

其它相关的:

//获取页面完整地址
window.location.href  
window.location.pathname  

//获取域名
host = window.location.host;
host2=document.domain; 

 
var num = Math.round(Math.random()*10000);  
window.location.href = (window.location.pathname)+'?'+num+';

 

标签:URL,JS,获取,window,href,location,var,document
From: https://www.cnblogs.com/Im-Victor/p/18173817

相关文章

  • 为什么我不选择React、Vue.js作为SAAS网站的前端框架
    引言“道”在中国哲学中,是一个重要的概念,表示“终极真理”。“道”这一概念,不单为哲学流派诸子百家所重视,也被宗教流派道教等所使用。大道至简的意思就是大道理是极其简单的,简单到一两句话就能说明白。所谓“真传一句话,假传万卷书”。正文在开启独立创作之路时,我也考虑过各种......
  • 数据分析的五大流程:需求、获取、处理、分析、可视化
    数据分析的五大流程:需求、获取、处理、分析、可视化......
  • 树莓派获取温度并上报
    树莓派获取温度并上报1.项目介绍1.1树莓派上通过一线协议连接DS18B20,采用网络socket编程同时实现客户端与服务器端程序,客户端实现定时上报温度给服务器端的功能,服务器端则将接收到的数据永久的存储在数据库中。1.2客户端功能介绍·连接服务器·定时采样·网络异常断开后能......
  • Python自动化测试中JSON数据处理遇到的错误
    在接口自动化测试领域,使用Excel管理测试数据是一种常见的做法。本文将分享一个实际案例,介绍在Python自动化测试框架中,如何从响应结果中提取所需数据,并探讨在处理JSON格式数据时遇到的一个典型问题及其解决方案。首先,让我们了解测试数据的基本格式。在Excel中,我们定义了一个名为ex......
  • 原生JS表格数据常用总结
    主要是在数据报表这块,做了好几年发现,其实用户最终想要看的并不是酷炫的BI大屏,而是最基础也是最复杂的中国式报表.更多就是倾向于从表格中去获取数据信息,最简单的就是最好的,于是还是来总结一下表格这块的东西.基础表格先来实现一个最基础的表格,用table标签,......
  • CSS & JS Effect – 用 wheel 模拟 scroll
    前言在用JavaScript实现positionsticky 文章中,我提到了用wheel来模拟scroll效果。这篇来说说具体怎么实现,挺简单的哦。 Preparationtable.html<divclass="container"><table><thead><tr><th>FirstName</th>&l......
  • 获取正确微软ISO镜像的方法
    简介如何找到正确的微软ISO镜像?这是很多新手遇到的问题,到处搜索找不到关键词,下载了很多夹带木马病毒的。我就介绍一下我获取正确微软ISO镜像的方法。KMS激活相信大部分人都是要找能够KMS激活的版本,什么换序列号之类的操作就算了。 CN_WIN、SW_DVD9、SW_DVD5三种开头的镜像有......
  • RestClient C# 举例 是用jsonbody ,并列出httpclient 等价的方式
    以下是使用RestSharp发送POST请求并附带JSON请求体的示例,以及相应的使用HttpClient的等价方式:首先,使用RestSharp:usingSystem;usingRestSharp;usingNewtonsoft.Json;classProgram{staticvoidMain(string[]args){//创建RestClient实......
  • curl 下载
    //只需要传入一个url就可以了#include<curl/curl.h>staticsize_twrite_data(void*ptr,size_tsize,size_tnmemb,void*stream){size_twritten=fwrite(ptr,size,nmemb,stream);returnwritten;}//last_7_charconstStringlast_7_char(co......
  • 增加调用链来获取chown的调用方
    #重命名/usr/bin/chown二进制文件为real_chownmv/usr/bin/chown/usr/bin/real_chown#编写脚本来调用real_chownvim/usr/bin/chownchown_log="/var/log/chown.log"date>>$chown_logecho"PPIDis$PPID,chown$*">>$chown_logps-ef|grep......