html显示链接中参数的值,jquery获取url参数,jquery获得url链接中的参数值详解

之前给大家介绍一下jquery点击a标签怎么显示和隐藏div的内容,那么下面要给大家介绍的就是jquery获得url链接中的参数值的内容,来了解一下吧

1、新建一个html文件,命名test.html,用于讲解jquery获得url链接中的参数值。

3a6647e200bc5a15fca1b21b50132c8e.png

2、在test.html文件当中,使用script标签加载jquery.min.js文件,成功加载这个文件,才能够使用jquery方法。

8fd71b721a68f9ea1fc9c13a23aae6fd.png

3、在js标签当中,创建一个getvalue()函数,用来获取当前链接当中的参数值,其中,name是函数的参数。

b9b47c8ea8e09dff58910589c6f4684c.png

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

df9fece995400e98690a32c7568a36b8.png

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

7872b44fa4cce62266fc5bef87bd1890.png

6、在getvalue()函数内,再使用if语句判断匹配的结果,假如,得出的参数值不等于空,那么就返回参数值。最后,调用函数,使用alert()方法输出参数值。

f817cc3a0c5bf0315beb3ff769c31baf.png

7、在浏览器打开test.html,在链接后面加上参数,查看得出的结果。

36c957811fdd84c36d0a25eed8de680e.png

你还想了解更多和jquery相关的知识吗?可以继续关注奇Q工具网来进行了解哦,除此之外,还有更多java编程常见问题可以为你进行分析和解答。

推荐阅读:

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值