JavaScript 解析 URL 参数并实现页面跳转

作者:代码拾荒时间:2026-10-22 11:42:51浏览:384

本文介绍如何使用 JavaScript 解析 URL 中的查询参数,并基于解析结果实现页面自动跳转。通过定义 request 函数提取指定参数值,结合 location.href 属性获取完整地址栏信息,适用于网站改版后的流量引导场景。

JavaScript 解析 URL 参数并实现页面跳转

近期网站进行改版,发现原有的广告链接均为直接网址形式。为了优化全站流量分配效果,计划通过重定向方式处理这些链接。


由于需要创建一个 HTML 页面来传递参数,因此需要使用一段 JavaScript 代码来获取 URL 中的参数,该功能仅需一个函数即可实现。


参考示例链接为 http://img.jb51.net/url.htm?url=http://www.baidu.com,其中包含待解析的 url 参数。


具体实现代码如下:

<script language="javascript" type="javascript">
// 用于获取 URL 参数的函数定义
function request(paras){
var url = location.href;
var paraString = url.substring(url.indexOf("?")+1,url.length).split("&");
var paraObj = {}
for (i=0; j=paraString[i]; i++){
paraObj[j.substring(0,j.indexOf("=")).toLowerCase()] = j.substring(j.indexOf
("=")+1,j.length);
}   
var returnValue = paraObj[paras.toLowerCase()];
if(typeof(returnValue)=="undefined"){
return "";
}else{
return returnValue;
}   
} 
var theurl
theurl=request("url");
if (theurl!=''){
location=theurl
} 
</script>
作者最新文章

相关标签: