href如何带参数

2025-10-26 18:27:24

1、1、新建HTML,写入<a>标签

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

href如何带参数

href如何带参数

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>

如图:

href如何带参数

3、3、在<a>标签中写入参数

<a href="http://localhost/#?key=1&key1=2">我是带参传值</a>

如图:

href如何带参数

4、4、美化布局

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

如图:

href如何带参数

5、5、查看效果

在浏览器打开当前网页,查看效果。

如图:

href如何带参数

6、6、带参跳转

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

如图:

href如何带参数

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢