JS简单代码轻松获取页面URL

开发 前端
这里和大家分享一下如何用一段JS简单代码获取页面来源地址,之前在写ASM的时候要用到跳转,从A页进入B页后,经过各种操作后,提交成功跳转到成功提示页面,再从提示页面跳转会A页面。

本文向大家描述一下一段JS简单代码如何获取页面来源地址,如果要用到跳转功能,从A页进入B页后,经过各种操作后,提交成功跳转到成功提示页面,再从提示页面跳转会A页面。为了快速开发以及修改少量代码,可以使用在B页面用JS获取访问来源,从而实现客户的要求。

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

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

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

XML/HTML代码

  1. <htmlxmlnshtmlxmlns="http://www.w3.org/1999/xhtml"> 
  2. <headidheadid="Head1"runat="server"> 
  3. <title>获取页面来源</title> 
  4. <basetargetbasetarget="_self"/> 
  5. </head> 
  6. <scripttypescripttype="text/javascript"> 
  7. functiongetFrom()  
  8. {  
  9. varurl=document.referrer;  
  10. if(url=="")  
  11. {  
  12. url="直接输入网址";  
  13. }  
  14. varlocalUrl=window.location.href.toString();  
  15. window.alert("来源:"+url+"本页地址:"+localUrl);  
  16. }  
  17. </script> 
  18. <body> 
  19. <formidformid="form1"runat="server"> 
  20. <aonclickaonclick="getFrom()">点击此处显示页面来源地址</a> 
  21. </form> 
  22. </body> 
  23. </html> 
  24.  

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

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

【编辑推荐】

  1. 解析JS中定义Function的两种实用方法
  2. 技术分享 如何识别控制DHTML和JS中的页面元素
  3. prototype.js的Ajax对IE8兼容问题解决方案
  4. Javascript数组创建及其常见操作
  5. JavaScript调试工具解决IE6等多版本共存问题 

 

责任编辑:佚名 来源: opent.cn
相关推荐

2020-05-06 19:57:09

代码开发编码

2009-11-17 17:28:21

PHP静态页面

2009-12-17 16:50:54

Ruby简单编写

2013-05-17 13:52:00

Android开发Android Web获取WebView宽度

2021-06-18 10:12:09

JS代码前端

2022-10-31 15:22:37

JS鸿蒙小游戏

2024-03-01 08:38:35

Hybrid页面JS

2010-01-05 14:26:19

U盘安装ubuntu

2011-09-30 14:08:41

WiNetH3C

2009-07-16 09:09:36

ibatis自动代码

2010-08-26 15:59:38

DIV圆角

2017-01-11 10:57:29

video使用JS库

2009-07-02 10:13:47

ASP和JSPJSP页面

2020-07-15 08:37:11

JavaScript开发技术

2009-03-05 10:10:52

饼图数据库JSP

2022-09-06 12:10:30

PythonBinance代码

2015-01-26 14:11:12

迁移数据中心

2010-09-17 10:39:56

2024-02-27 08:14:51

Nginx跨域服务

2011-05-04 11:12:00

打印机卡纸
点赞
收藏

51CTO技术栈公众号