获取url携带的参数

最新推荐文章于 2024-10-11 09:11:17 发布
转载 最新推荐文章于 2024-10-11 09:11:17 发布 · 515 阅读 · 1

本文介绍了一种通过JavaScript从URL中获取特定参数的方法，并展示了如何根据这些参数动态改变网页中DOM元素的状态。具体实现包括定义一个函数来解析URL参数，并使用jQuery选择器和类来切换元素样式。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

function GetQueryString(name){

      var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");

      var r = window.location.search.substr(1).match(reg);

      if(r!=null)return  unescape(r[2]); return null;

    }

 

    // 调用方法

    if(GetQueryString("type")=='null'){

       $('.ul li').eq(0).addClass('znew_click').siblings().removeClass('znew_click');

    }else if(GetQueryString("type")==1){

      $('.ul li').eq(1).addClass('znew_click').siblings().removeClass('znew_click');

    }else if(GetQueryString("type")==2){

      $('.ul li').eq(2).addClass('znew_click').siblings().removeClass('znew_click');

}

Circle666
关注
URL参数
m0_72030584的博客
05-14 379
链接上的小纸条：如何获取URL参数？
uniapp H5获取url携带参数
极星(*^_^*)的博客
05-06 3490
例：http://vd.ydzykj.com/h5/#/?salt=111 onShow() { // #ifdef H5 let params = this.getRequestParams(); let salt = params['salt']; console.log(salt)//111 // #endif }, methods: { getRequestParams() { let url = location.href; let requestParams = {};
js获取url中携带的参数
04-15
NULL 博文链接：https://vincentboy.iteye.com/blog/1770726
vue获取url地址中参数
资深Bug开发大师
12-31 2653
vue获取url地址中的参数 首先获取到url地址 let geturl = window.location.href // http://localhost:8081/#/pages/index/index?qycode=1001&qyname=%E4%BC%81%E4%B8%9A%E5%BF%99 方式一 let getqyinfo = geturl.split('?')[1] //qycode=1001&qyname=%E4%BC%81%E4%B8%9A%E5%BF%99
获取url中带的参数
weixin_30715523的博客
09-14 127
本文目前只针对url中一个参数的 function getQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); var r = window.location.search.substr(1).match(reg); if (r !...
js 获取url 携带的参数
weixin_43927361的博客
04-25 345
window.location 对象所包含的属性 hash 从井号 (#) 开始的 URL（锚） host 主机名和当前 URL 的端口号 hostname 当前 URL 的主机名 pathname 当前 URL 的路径部分 href 完整的 URL protocol 当前 URL 的协议 search 从问号 (?) 开始的 URL（查询部分 获取...
013：URL传参数
weixin_33796205的博客
12-19 494
URL传参数有两种方式： 1、采用在URL中使用变量的方式：在path的第一个参数中，使用'<参数名>'的方式可以传递参数，然后在对于的视图函数中也要写一个参数，并且视图函数中的参数名和URL中的参数名称必须保持一致，否则没法找到这个参数；另外，在URL中可以传递多个参数，下面是传递两个参数的实例： 2、使用字符串查询的方式：在URL中，不需要单独匹配查询字符串...
使用jquery获取url及url参数的简单实例
10-22
关于如何使用jQuery获取URL及URL参数的知识点，可以从以下几个方面进行详细解读： 1. 获取URL的基本方法 在网页中，可以通过JavaScript的基础window对象直接获取当前页面的完整URL。具体代码如下： ```javascript ...
angularJS1 url中携带参数的获取方法
10-17
在AngularJS中获取URL中的参数有多种方法，这篇文档将详细探讨如何在AngularJS 1.x版本中获取URL参数。 首先，在HTML页面的链接中可以使用AngularJS的表达式来设置带参数的URL。例如，在`index.html`中，可以使用`...
vue如何获取url携带参数
04-18
你可以使用Vue Router提供的$route对象来获取当前路由的参数。例如，如果你的路由定义为'/user/:id'，那么你可以在组件中使用$route.params.id来获取id参数的值。如果你的参数是查询字符串，你可以使用$route.query...
封装一个函数,获取url中携带的参数
luoman612的博客
02-26 378
** 封装一个函数,获取url中携带的参数 // 获取url参数 var getParam = function (name) { var search = document.location.search; var pattern = new RegExp("[?&]" + name + "\=([^&]+)", "g"); var matcher = pattern.exec(search); var
获取url中的参数
qq_35035975的博客
01-24 543
用decodeURIComponent解码，通过name返回需要的值 // 获取url参数 function getUrlKey (name) { return ( decodeURIComponent( (new RegExp( "[?|&]" + name + "=" + "([^&;]+?)(&|#|;|$)" .
vue获取URL中的参数
热门推荐
woaizhuzhuxia521521的博客
11-01 4万+
1   获取?后面的参数       http://192.168.1.105:8080/#/idInput?username=%22%E5%BC%A0%E4%B8%89%22      获取参数方法     let id = this.$route.query.username 2 获取不带?的URL中的参数       http://192.168.1.12:8080/#/home/n...
Vue 获取URL中的参数
ChaoChao66666的博客
03-18 4919
实现效果如下： 获取URL中的参数，并显示在页面上 流程： 1.在index.js中编辑代码如下： import {createRouter,createWebHashHistory} from 'vue-router' import News from '../components/News.vue' import Home from "../components/Home.vue" // 1. Define route components. // These can be imp
Vue获取url上的参数
最新发布
weixin_43159039的博客
10-11 2632
在 Vue.js 中获取 URL 上的参数，可以使用 vue-router 的 this.$route 对象，或者使用原生 JavaScript 的 URLSearchParams API。以下是两种常见的方法。
vue 获取url参数
u013302168的博客
06-09 2825
用户A分享给商品详情链接刚给用户B，用户B下单后，订单会记录用户A的佣金，就需要在商品分享给链接记录分享人即“推广人ID”。
解析url携带的参数
cbc12的博客
12-27 1639
想解析url 后面所携带的参数吗？ 给你封装一个方法吧 function getQueryStrings () {         //location.search 返回从问号到URL末尾的所有内容         var qs = location.search.length &gt; 0 ? location.search.substring(1) : '',         //保存数...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值