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

[js]getUrlParameter获取html页面url参数

时间:2017-11-14 09:16酷播
[js]getUrlParameter获取html页面url参数

[js]getUrlParameter获取html页面url参数

  1. <script type="text/javascript"> 
  2.  
  3.     window.playerPage = (function () { 
  4.  
  5.         function playerPage() { 
  6.  
  7.         } 
  8.  
  9.         var getUrlParameter = function (name) { 
  10.  
  11.             var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); 
  12.  
  13.             var r = window.location.search.substr(1).match(reg); 
  14.  
  15.             if (r != null) return unescape(r[2]); return null; 
  16.  
  17.         }; 
  18.  
  19.         playerPage.activityId = getUrlParameter("activityId"); 
  20.  
  21.         if (playerPage.activityId == null) { 
  22.  
  23.             // window.location.href = "http://live.cuplayer.com"
  24.  
  25.             console.log("活动ID不能为空!"); 
  26.  
  27.             //return; 
  28.  
  29.         } 
  30.  
  31.         return playerPage; 
  32.  
  33.     })(); 
  34.  
  35. </script> 

 

  1. function getUrlParameter(paramName) {  //通过参数名得到它的值   
  2.       var returnVal = "";     
  3.       try {     
  4.           var paramUrl = window.location.search;    //这里得到的是:?id=1&name=lxy&age=23   
  5.           //处理长度     
  6.           if (paramUrl.length > 0) {     
  7.               paramUrlparamUrl = paramUrl.substring(1, paramUrl.length);    //这里得到的是:id=1&name=lxy&age=23   
  8.               var paramUrlparamUrlArray = paramUrl.split("&");     
  9.               for (var i = 0; i < paramUrlArray.length; i++) {     
  10.                   if (paramUrlArray[i].toLowerCase().indexOf(paramName.toLowerCase()) != -1) {     
  11.                       var temp = paramUrlArray[i].split("=");   //'='的前面即temp[0]是参数名   
  12.                       if (temp[0].toLowerCase() == paramName.toLowerCase()) {     
  13.                           returnVal = temp[1];     
  14.                           break;     
  15.                       }     
  16.                   }     
  17.               }     
  18.           }     
  19.       } catch (e) { }     
  20.       alert(returnVal);   
  21.     }    

 

热门文章推荐

请稍候...

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

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