1.a.html:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<a href="b.html?pid=101">跳转到b页面</a>
</body>
</html>
b.html:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
This is page B.
<hr />
<script type="text/javascript">
var value = getUrlParam("pid");
console.log(value);
function getUrlParam(key){
var url = window.location.toString();
console.log(url);
var arr = url.split("?");
if(arr.length>1){
var params = arr[1].split("&");
for(var i=0;i<params.length;i++){
var param = params[i];
if(param.split("=")[0] == key){
return param.split("=")[1];
}
}
}
return null;
}
</script>
</body>
</html>
2.a.html:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<a href="b.html?pid=101&pname=lihua">跳转到b页面</a>
</body>
</html>
b.html:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
This is page B.
<hr />
<script type="text/javascript">
var value = getUrlParam("pid");
console.log(value);
var pname = getUrlParam("pname");
console.log(pname);
function getUrlParam(key){
var url = window.location.toString();
console.log(url);
var arr = url.split("?");
if(arr.length>1){
var params = arr[1].split("&");
for(var i=0;i<params.length;i++){
var param = params[i];
if(param.split("=")[0] == key){
return param.split("=")[1];
}
}
}
return null;
}
</script>
</body>
</html>
3.a.html:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<a href="b.html?pid=101&pname=李华">跳转到b页面</a>
</body>
</html>
出现中文乱码情况解决办法：
b.html:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
This is page B.
<hr />
<script type="text/javascript">
var value = getUrlParam("pid");
console.log(value);
var pname = getUrlParam("pname");
console.log(pname);
function getUrlParam(key){
var url = decodeURI( window.location.toString() );
var arr = url.split("?");
if(arr.length>1){
var params = arr[1].split("&");
for(var i=0;i<params.length;i++){
var param = params[i];
if(param.split("=")[0] == key){
return param.split("=")[1];
}
}
}
return null;
}
</script>
</body>
</html>
4.定义成js方法：
utils.js:
function getUrlParam(key){
var url = decodeURI( window.location.toString() );
var arr = url.split("?");
if(arr.length>1){
var params = arr[1].split("&");
for(var i=0;i<params.length;i++){
var param = params[i];
if(param.split("=")[0] == key){
return param.split("=")[1];
}
}
}
return null;
}
b.html:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
This is page B.
<hr />
<script type="text/javascript" src="js/utils.js" ></script>
<script type="text/javascript">
var value = getUrlParam("pid");
console.log(value);
var pname = getUrlParam("pname");
console.log(pname);
</script>
</body>
</html>
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
文章由极客之音整理，本文链接：https://www.bmabk.com/index.php/post/128107.html
