JS获取页面通过URL传递参数

转载：https://blog.csdn.net/why15732625998/article/details/70259341

1.从一个页面通过url将参数传递给另一个页面

www.xxx.com/xxx.html?key=value   //前面指定要传值的目标地址，value为参数
 
 
1

2.js获取url中传递的参数

2.1 方法1

function getQueryString(name) {
    var result = window.location.search.match(new RegExp("[\?\&]" + name + "=([^\&]+)", "i"));
    if (result == null || result.length < 1) {
        return "";
    }
    return result[1];
}

 
 
1
2
3
4
5
6
7
8

使用方法：

   var str = getQueryString("key");
   alert(str);
 
 
1
2

2.2 方法2

<Script language="javascript">   
function GetRequest() {   
   var url = location.search; //获取url中"?"符后的字串   
   var theRequest = new Object();   
   if (url.indexOf("?") != -1) {   
      var str = url.substr(1);   
      strs = str.split("&");   
      for(var i = 0; i < strs.length; i ++) {   
         theRequest[strs[i].split("=")[0]]=unescape(strs[i].split("=")[1]);   
      }   
   }   
   return theRequest;   
}   
</script>  
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14

使用方法

<Script language="JavaScript">
    var Request = new Object();
    Request = GetRequest();
    var 参数1,参数N;
    参数1 = Request[''参数1''];
    参数N = Request[''参数N''];
</Script>

 
 
1
2
3
4
5
6
7
8

					<link href="https://csdnimg.cn/release/phoenix/mdeditor/markdown_views-7f770a53f2.css" rel="stylesheet">
            </div>
								
				<script>
					(function(){
						function setArticleH(btnReadmore,posi){
							var winH = $(window).height();
							var articleBox = $("div.article_content");
							var artH = articleBox.height();
							if(artH > winH*posi){
								articleBox.css({
									'height':winH*posi+'px',
									'overflow':'hidden'
								})
								btnReadmore.click(function(){
									articleBox.removeAttr("style");
									$(this).parent().remove();
								})
							}else{
								btnReadmore.parent().remove();
							}
						}
						var btnReadmore = $("#btn-readmore");
						if(btnReadmore.length>0){
							if(currentUserName){
								setArticleH(btnReadmore,3);
							}else{
								setArticleH(btnReadmore,1.2);
							}
						}
					})()
				</script>
				</article>