href如何带参数
1、1、新建HTML,写入<a>标签
打开Dreamweaver,新建一个网页html文件,并在<body>标签中写入一句<a>标签,可以跳转到本地80端口。如图:


2、2、用JavaScript定义参数
在页面中写入JavaScript脚本:
<script language="javascript" type="text/javascript">
function getParams(key){
var keyList = [];
var valueList = [];
var hrefStr = decodeURIComponent(window.location.href);
var strArray = hrefStr.split("?");
var paramStr = strArray[1];
if((paramStr!=null)&&(paramStr!=null)){
var paramArray = paramStr.split("&");
for(var i=0;i<paramArray.length;i++){
var param = paramArray[i];
valueList.push(param.substr(param.indexOf("=")+1));
keyList.push(param.substr(0,param.indexOf("=")));
}
for(var j=0;j<keyList.length;j++){
if(key==keyList[j]){
return valueList[j];
}
}
}
}
</script>
如图:

3、3、在<a>标签中写入参数
<a href="http://localhost/#?key=1&key1=2">我是带参传值</a>
如图:

4、4、美化布局
使用CSS对页面进行简单的布局和美化,看起来更美观。
如图:

5、5、查看效果
在浏览器打开当前网页,查看效果。
如图:

6、6、带参跳转
点击“我是带参传值”,跳转到另一个本地页面,可以看到链接里面已经带了原始页面赋值的参数。
如图:
