JS解析地址栏参数

最新推荐文章于 2024-11-06 16:22:12 发布

damaolly

最新推荐文章于 2024-11-06 16:22:12 发布

阅读量2.4k

点赞数

分类专栏： JavaScript

本文链接：https://blog.youkuaiyun.com/damaolly/article/details/48343255

版权

JavaScript 专栏收录该内容

11 篇文章

订阅专栏

本文介绍了如何使用JavaScript解析地址栏参数。通过示例代码展示了如何获取URL中的各个参数，并将其赋值给对应的变量，用于展示在线人数、PV、点击量等信息。同时，提供了检查是否存在参数的逻辑，若无参数则显示默认值。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

var js_date = "2016-1-1";//日期
	var js_nowapp = "0";//在线人数 app
	var js_nowpc = "0";//在线人数 pc
	var js_pv = "0";//pv
	var js_click = "0";//click
	//http://localhost:8080/export/iphone.html?now_app=11&now_pc=22&pv=33&click=44
	//获取URL地址栏参数   by  linying
  	function getpara()
	{  
		var js_url = window.location.href;//url
		var js_parameter = "";//url参数
		//判断是否有参数
		if (js_url.lastIndexOf("?") > 0) {
			js_parameter = js_url.substring(js_url.lastIndexOf("?") + 1, js_url.length);
			var js_parr = js_parameter.split("&");
			/**
			js_parr 内容：
			
			0: "now_app=11"
			1: "now_pc=22"
			2: "pv=33"
			3: "click=44"
			**/
			js_date=js_parr[0].split("=")[1];
			js_nowapp=js_parr[1].split("=")[1];
			js_nowpc=js_parr[2].split("=")[1];
			js_pv=js_parr[3].split("=")[1];
			js_click=js_parr[4].split("=")[1];
			
			$("#nowapp_id").html(js_nowapp);
			$("#nowpc_id").html(js_nowpc);
			$("#online_id").html(parseInt(js_nowpc)+parseInt(js_nowapp));
			$("#pv_id").html(js_pv);
			$("#click_id").html(js_click);
			
			console.log("日期："+js_date);
			console.log("在线人数app："+js_nowapp);
			console.log("在线人数pc:"+js_nowpc);
			console.log("浏览量pv:"+js_pv);
			console.log("点击量click："+js_click);
			
			/* for (var i = 0; i < js_parr.length; i++) {
				js_parameter += "   第" + (i + 1) + "个参数>>名:" + js_parr[i].split("=")[0];
				js_parameter += " 值:" + js_parr[i].split("=")[1];
				$("#pc_id").html("pc"+js_parr[i].split("=")[1])
			} */
			//document.write(js_parameter);
			console.log(js_parameter);
		} else {
			console.log("没有参数");
			$("#nowapp_id").html("0");
			$("#nowpc_id").html("0");
			$("#online_id").html("0");
			$("#pv_id").html("0");
			$("#click_id").html("0");
			//document.write("没有参数!");
		}
	}