html通過url地址傳值與取值

前言

文章被搜到的很少，不知道是不是關鍵字寫的不好，不過也沒關係了，寫博客就是爲了把碎片化的東西給整理一下而已。雖然之前也學過前端的一些東西，但是畢竟沒怎麼做過前端的東西，近期這個項目有機會接觸前端了，但是可悲的是前端的好多東西都給忘記了。所以慢慢的整理一下基礎中的基礎。

正文

先上代碼吧！

//其中categoryId，articleId都是要往外傳的值
<li>
<a href=./xq/details.html?param1='+categoryId+'&param2='+articleId+'>標題1</a><span>2019-12-26</span>
</li>

運行的效果

接收端

<script>
			function Request(strName){
			var strHref = location.href;
			var intPos = strHref.indexOf("?");
			var strRight = strHref.substr(intPos + 1);
			var arrTmp = strRight.split("&");
			for(var i = 0; i < arrTmp.length; i++) {
			var arrTemp = arrTmp[i].split("=");
			if(arrTemp[0].toUpperCase() == strName.toUpperCase()) return arrTemp[1];
			}
			return "";
			}
			var param1=Request("param1");
			var param2=Request("param2");
			
			//alert(param1);
			localStorage.setItem('categoryId', param1);
			//alert(param2);
			localStorage.setItem('articleId', param2);
</script>

大家可以單部運行看一下這個方法的執行過程。

結束

對於客戶的需求既要滿足也不能無條件的去答應客戶的要求。這個度很難把控呢！