href如何带参数

 时间:2024-11-12 07:09:18

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

href如何带参数
href如何带参数

2、用亭盍誓叭JavaScript定义参数在页面中写入JavaScript脚本:<script language="javascript&qu泠贾高框ot; 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、在&盟敢势袂lt;a>标签中写入参数<a href="http://localhost/#?key=1&锾攒揉敫amp;key1=2">我是带参传值</a>如图:

href如何带参数

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

href如何带参数

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

href如何带参数

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

href如何带参数
  • 如何使用js向页面的div标签插入内容
  • js怎么改变span标签的内容
  • Eclipse如何生成jar包
  • jsp如何弹出窗口
  • 怎么实现鼠标放在div上旋转变大的效果
  • 热门搜索
    感恩父母手抄报 庆六一儿童节手抄报 读书手抄报简单又漂亮 说普通话写规范字手抄报 水浒传手抄报 传统文化手抄报 保护地球手抄报 法制手抄报内容 手抄报 反对邪教手抄报