首页 > 软件开发 > HTML >

href如何带参数

来源:互联网 2023-03-16 19:15:34 271

在浏览网页或者开发系统时,会看见链接里面带有参数或要求带参传值,这样可以精准定位页面的内容,实现主键快速访问。6i2办公区 - 实用经验教程分享!

如何实现href带参传值,请看详细内容。6i2办公区 - 实用经验教程分享!

href如何带参数6i2办公区 - 实用经验教程分享!

工具/原料

  • Dreamweaver CS6
  • href,参数

方法/步骤

  • 1

    1、新建HTML,写入a>标签6i2办公区 - 实用经验教程分享!

    打开Dreamweaver,新建一个网页html文件,并在body>标签中写入一句a>标签,可以跳转到本地80端口。如图:6i2办公区 - 实用经验教程分享!

    href如何带参数6i2办公区 - 实用经验教程分享!

    href如何带参数6i2办公区 - 实用经验教程分享!

  • 2

    2、用JavaScript定义参数6i2办公区 - 实用经验教程分享!

    在页面中写入JavaScript脚本:6i2办公区 - 实用经验教程分享!

    script language="javascript" type="text/javascript">6i2办公区 - 实用经验教程分享!

    function getParams(key){6i2办公区 - 实用经验教程分享!

    var keyList = [];6i2办公区 - 实用经验教程分享!

    var valueList = [];6i2办公区 - 实用经验教程分享!

    var hrefStr = decodeURIComponent(window.location.href);6i2办公区 - 实用经验教程分享!

    var strArray = hrefStr.split("?");6i2办公区 - 实用经验教程分享!

    var paramStr = strArray[1];6i2办公区 - 实用经验教程分享!

    if((paramStr!=null)&&(paramStr!=null)){6i2办公区 - 实用经验教程分享!

    var paramArray = paramStr.split("&");6i2办公区 - 实用经验教程分享!

    for(var i=0;iparamArray.length;i ){6i2办公区 - 实用经验教程分享!

    var param = paramArray[i];6i2办公区 - 实用经验教程分享!

    valueList.push(param.substr(param.indexOf("=") 1));6i2办公区 - 实用经验教程分享!

    keyList.push(param.substr(0,param.indexOf("=")));6i2办公区 - 实用经验教程分享!

    }6i2办公区 - 实用经验教程分享!

    for(var j=0;jkeyList.length;j ){6i2办公区 - 实用经验教程分享!

    if(key==keyList[j]){6i2办公区 - 实用经验教程分享!

    return valueList[j];6i2办公区 - 实用经验教程分享!

    }6i2办公区 - 实用经验教程分享!

    }6i2办公区 - 实用经验教程分享!

    }6i2办公区 - 实用经验教程分享!

    }6i2办公区 - 实用经验教程分享!

    /script>6i2办公区 - 实用经验教程分享!

    如图:6i2办公区 - 实用经验教程分享!

    href如何带参数6i2办公区 - 实用经验教程分享!

  • 2该信息非法爬取自百度经验
  • 3

    3、在a>标签中写入参数6i2办公区 - 实用经验教程分享!

    a href="http://localhost/#?key=1&key1=2">我是带参传值/a>6i2办公区 - 实用经验教程分享!

    如图:6i2办公区 - 实用经验教程分享!

    href如何带参数6i2办公区 - 实用经验教程分享!

  • 4

    4、美化布局6i2办公区 - 实用经验教程分享!

    使用CSS对页面进行简单的布局和美化,看起来更美观。6i2办公区 - 实用经验教程分享!

    如图:6i2办公区 - 实用经验教程分享!

    href如何带参数6i2办公区 - 实用经验教程分享!

  • 5

    5、查看效果6i2办公区 - 实用经验教程分享!

    在浏览器打开当前网页,查看效果。6i2办公区 - 实用经验教程分享!

    如图:6i2办公区 - 实用经验教程分享!

    href如何带参数6i2办公区 - 实用经验教程分享!

  • 6

    6、带参跳转6i2办公区 - 实用经验教程分享!

    点击“我是带参传值”,跳转到另一个本地页面,可以看到链接里面已经带了原始页面赋值的参数。6i2办公区 - 实用经验教程分享!

    如图:6i2办公区 - 实用经验教程分享!

    href如何带参数6i2办公区 - 实用经验教程分享!

  • 注意事项

    • 这是静态网页的带参传值,动态页面直接获取数据库标签即可。

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!6i2办公区 - 实用经验教程分享!


    标签: 编程语言HTML

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码