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上旋转变大的效果
  • 热门搜索
    关于清明节的手抄报 红领巾心向党手抄报内容文字 手抄报图片简单又漂亮 节约粮食手抄报简单又漂亮 禁毒防艾手抄报 一二年级消防手抄报 我和我的祖国手抄报 放飞梦想手抄报 艺术节手抄报 小学生手抄报图片