href如何带参数

 时间:2026-02-15 16:10:13

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如何带参数

  • 如何使用js向页面的div标签插入内容
  • js怎么改变span标签的内容
  • Eclipse如何生成jar包
  • jsp如何弹出窗口
  • 怎么实现鼠标放在div上旋转变大的效果
  • 热门搜索
    360旅游网 黄山旅游景点大全 温州周边旅游景点大全 广西旅游发展委员会 乌镇西塘旅游攻略 太原旅游景点介绍 春秋旅游上海 杭州到黄山旅游攻略 北海旅游路线 药王谷旅游攻略