·您当前的位置:首页 > 技术教程 > JavaScript >

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

时间:2015-07-14 14:16酷播
[JS]在HTML中获取地址栏中传递的参数解决办法

[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> 

 

热门文章推荐

请稍候...

保利威视云平台-轻松实现点播直播视频应用

酷播云数据统计分析跨平台播放器