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

最新推荐文章于 2024-05-22 15:04:33 发布

weixin_33832340

最新推荐文章于 2024-05-22 15:04:33 发布

阅读量2.6k

点赞数

文章标签： javascript 前端 ViewUI

通用模式：

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+';

参考：http://www.jb51.net/article/91154.htm

javascript获取来路URL代码可获取js跳转来源

js获取当前域名

weixin_33832340

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JS实现获取当前URL和来源URL的方法

通用模式：Javascript 正常取来源网页的URL只要用：index.html：&lt;!DOCTYPE html&gt;&lt;html lang="zh-cn"&gt;&lt;head&gt;&lt;meta charset="UTF-8"&gt;&lt;meta name="viewport" content="width=device-wi
复制链接

扫一扫