宜昌本地软件开发与弱电工程服务商
项目咨询 · 快速响应

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

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

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