软件开发培训班 >> 编程开发 >> JavaScript


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

　　本文标签：JS

　　本文向大家描述一下一段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”这样的方式跳转的话，所获取到的值是空的，因为这种跳转方式相当于直接在地址栏输入网址，从搜藏夹直接打开该页面也是获取不到  。