首页 > 软件开发 > JQUERY >

jquery 获得url链接中的参数值

来源:互联网 2023-03-17 00:49:11 491

在jquery中,可以使用正则表达式来匹配出链接中的参数值。下面小编写一个获得参数值的函数,用于讲解jquery获得url链接中的参数值。J5L办公区 - 实用经验教程分享!

jquery 获得url链接中的参数值J5L办公区 - 实用经验教程分享!

工具/原料

  • html jquery
  • 代码编辑器:Zend Studio 12.5.1

方法/步骤

  • 1

    新建一个html文件,命名为test.html,用于讲解jquery获得url链接中的参数值。J5L办公区 - 实用经验教程分享!

    jquery 获得url链接中的参数值J5L办公区 - 实用经验教程分享!

  • 1本页面未经许可获取自百度经验
  • 2

    在test.html文件中,使用script标签加载jquery.min.js文件,成功加载该文件,才能使用jquery方法。J5L办公区 - 实用经验教程分享!

    jquery 获得url链接中的参数值J5L办公区 - 实用经验教程分享!

  • 3

    在js标签内,创建一个getvalue()函数,用于获取当前链接中的参数值。其中,name是函数的参数。J5L办公区 - 实用经验教程分享!

    jquery 获得url链接中的参数值J5L办公区 - 实用经验教程分享!

  • 4

    在getvalue()函数内,创建一个正则表达式,用于对匹配链接中的参数,得出参数值。J5L办公区 - 实用经验教程分享!

    jquery 获得url链接中的参数值J5L办公区 - 实用经验教程分享!

  • 5

    在getvalue()函数内,使用window.location.search获得从“?”开始的参数字符串,通过substr()方法去掉问号,再使用match()方法利用正则表达式得取参数值,保存在r变量中。J5L办公区 - 实用经验教程分享!

    jquery 获得url链接中的参数值J5L办公区 - 实用经验教程分享!

  • 6

    在getvalue()函数内,再使用if语句判断匹配的结果,如果得出的参数值不等于空,则返回参数值。最后,调用函数,使用alert()方法输出参数值。J5L办公区 - 实用经验教程分享!

    jquery 获得url链接中的参数值J5L办公区 - 实用经验教程分享!

  • 7

    在浏览器打开test.html,在链接后面加上参数,查看得出的结果。J5L办公区 - 实用经验教程分享!

    jquery 获得url链接中的参数值J5L办公区 - 实用经验教程分享!

  • 总结:

  • 1

    1、创建一个test.html文件。

    J5L办公区 - 实用经验教程分享!

    2、在文件内,在js标签内,创建一个getvalue()函数。

    J5L办公区 - 实用经验教程分享!

    3、在函数内,创建一个正则表达式,用于对匹配链接中的参数,得出参数值。

    J5L办公区 - 实用经验教程分享!

    4、在函数内,使用window.location.search获得从“?”开始的参数字符串,通过substr()方法去掉问号,再使用match()方法利用正则表达式得取参数值,保存在r变量中。

    J5L办公区 - 实用经验教程分享!

    5、在函数内,再使用if语句判断匹配的结果,如果得出的参数值不等于空,则返回参数值。最后,调用函数,使用alert()方法输出参数值。J5L办公区 - 实用经验教程分享!

  • 注意事项

    • match() 方法可在字符串内检索指定的值,或找到一个或多个正则表达式的匹配。

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


    标签: JQUERY

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