站长新闻

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

文章来源：老客SEO 作者：老客SEO 人气：10 2019-07-12 09:57:18

这篇文章主要介绍了JS实现获取当前URL和来源URL的方法,涉及javascript针对页面document属性操作的相关技巧,需要的朋友可以参考下

index.html：

							
											01
										
											<!DOCTYPE html>
									
											02
										
											<html lang="zh-cn">
									
											03
										
											<head>
									
											04
										
											<meta charset="UTF-8">
									
											05
										
											<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
									
											06
										
											<title>新建H5模板</title>
									
											07
										
											</head>
									
											08
										
											<body>
									
											09
										
											<a href="demo.html">链接</a>
									
											10
										
											</body>
									
											11
										
											</html>

demo.html：

							
											01
										
											<!DOCTYPE html>
									
											02
										
											<html lang="zh-cn">
									
											03
										
											<head>
									
											04
										
											<meta charset="UTF-8">
									
											05
										
											<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
									
											06
										
											<title>新建H5模板</title>
									
											07
										
											</head>
									
											08
										
											<body>
									
											09
										
											当前URL：<input type="text" style=" width:300px;" name="nowurl" id="nowurl"><br>
									
											10
										
											来源URL：<input type="text" style=" width:300px;" name="fromurl"id="fromurl">
									
											11
										
											<script>
									
											12
										
											  var nowurl = document.URL;
									
											13
										
											  var fromurl = document.referrer;
									
											14
										
											  document.getElementById('nowurl').value = nowurl;
									
											15
										
											  document.getElementById('fromurl').value = fromurl;
									
											16
										
											</script>
									
											17
										
											</body>
									
											18
										
											</html>