宜昌本地软件开发与弱电工程服务商
项目咨询 · 快速响应
您当前的位置: > 个人博客 > javascript

[JS]在HTML中获取地址栏中传递的参数解决办法

2016-10-13 00:16:48 点击量:62 标签: 收藏本文

[JS]在HTML中获取地址栏中传递的参数解决办法

  1. 在HTML中接收地址栏中传递的参数方法有如下三种: 
  2.  
  3.   window.open ("11.htm?aa="+dd);问题就是从11.htm中接收aa的值 
  4.  
  5.   解决方案如下: 
  6.  
  7.   1.使用 window.location.search 来取得后面的参数 
  8.  
  9.   // param 为 参数的名称 
  10.  
  11. function getParameter(param) 
  12.  
  13.  
  14. var query = window.location.search; 
  15.  
  16. var iLen = param.length; 
  17.  
  18. var iStart = query.indexOf(param); 
  19.  
  20. if (iStart == -1) 
  21.  
  22.  return ""; 
  23.  
  24. iStart += iLen + 1; 
  25.  
  26. var iEnd = query.indexOf("&", iStart); 
  27.  
  28. if (iEnd == -1) 
  29.  
  30.  return query.substring(iStart); 
  31.  
  32. return query.substring(iStart, iEnd); 
  33.  
  34.  
  35. 然后调用getParameter 方法: var temp = getParameter("aa"); 
  36.  
  37. 2.使用 window.location.href 来取得后面的参数 
  38.  
  39. var url=window.location .href; 
  40.    var aa=url.indexOf(''=''); 
  41.       if (aa == -1) 
  42.       return ""; 
  43.       urlurl=url.substring(aa+1); 
  44.       window.alert(url); 
  45.  
  46. 两种方法其实思路是一样的,利用字符串的indexOf属性来取值。 
  47.  
  48. 3。将以下代码另存为HTML文件:alixixi.htm,然后打开站点: 
  49.  
  50.   http://127.0.0.1/alixixi.htm?log_id=111&cat_id=222&page=333 
  51.  
  52.   回车即可显示演示效果,正常接收由HTML文件传递的值. 
  53.  
  54. <script language="JScript"> 
  55. <!- 
  56. var LocString=String(window.document.location.href); 
  57. function GetQueryString(str){ 
  58. var rs=new RegExp("(^|)"+str+"=([^&]*)(&|$)","gi").exec(LocString),tmp; 
  59. if(tmp=rs)return tmp[2]; 
  60. return "没有这个参数"; 
  61. alert("日记编号:"+GetQueryString("log_id")); 
  62. alert("分类编号:"+GetQueryString("cat_id")); 
  63. alert("所在页数:"+GetQueryString("page")); 
  64. --> 
  65. </script> 

 

ABOUT US
宜昌农人网络科技有限公司

我们是一家提供综合软件外包与弱电工程服务的技术公司。

业务涵盖定制软件、管理系统、网站、小程序、APP、系统集成、网络布线、监控安防、门禁、机房建设及长期技术维护。

公司地址:湖北省宜昌市伍家岗区东站二路6号三峡(宜昌)大数据产业园海洋馆二楼A203室