queryURLParams(获取地址中的信息)

最新推荐文章于 2024-05-30 13:59:14 发布
最新推荐文章于 2024-05-30 13:59:14 发布
阅读量409 收藏
点赞数 1
分类专栏： JavaScript 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/GWS1234567890/article/details/122589100
版权

将一串地址进行解析,获取问号和#号后面的值,以对象的形式输出

普通方法:

1.获取问号和#号后面的值,以符号分隔成数组

2.把获取到的结果进行解析,最后拼成一个对象返回

3.需要考虑如果没有问号和#号的情况

上述代码优化后:

常用方法:

一个CSS a标签保存一串地址,通过JS获取的对象包含很多内置属性,我们可以通过对象的调用获取需要的信息

 

代码实现:

正则方法:

 

 

 

 

18年
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
python爬虫 params 列表生成工具
04-25
能自动将 抓包得到的网页内容如 pn: 30 rn: 30 tn: albumsdetail word: 城市建筑摄影专题 album_tab: 建筑 album_id: 7 ic: 0 curPageNum: 1 转为 'pn':'30', 'rn':'30', 'tn':'albumsdetail', 'word':'城市建筑摄影专题', 'album_tab':'建筑', 'album_id':'7', 'ic':'0', 'curPageNum':'1', 方便python爬虫使用
query和params传参区别
weixin_43290151的博客
05-19 5704
query和params传参区别 传参可以使用params和query两种方式 params传参只能用name来引入路由 query传递显示参数（url那里），params传递不显示参数，参数在请求体内，params相对于query来说较安全一点 query传值页面刷新数据还在，而params传值页面数据消失 this.$router.push传递参数有2种方式： 传递参数 – this.$router.push({path: ’ 路由 ', query: {key: value}}) 参数取值 – t
queryURLParams
No_Bug_Please的博客
02-17 439
快速获取URL上传递的参数信息
web前端面试题附答案044 - vue获取param参数，有什么缺点吗？
xingyu_qie的专栏
11-03 1235
今天这道面试题主要围绕vue中获取param参数展开，看完本文你可以吸取到以下知识点首先说一下最基本的2中获取方式 ，然后是如果不用vue应该怎么获取，接着说一下这种传参的缺点，最后会细说我们可以用哪些方法代替
EL表达式param用法
dangwanma6489的博客
04-16 4844
${param.name} 等价于request.getParamter(“name”)，主要是服务器从页面或者客户端获取信息的方法。 <c:set value="coo" var="name1" scope="session"/>1利用标签定义的变量名可以在EL表达式中使用，如${name1}就是从page/request/session/application中依次取值，直到取到未...
queryUrlParams
Teal__的博客
09-22 170
/* * params: 无 * return: 返回一个对象，对象中存储url中的数据 */ ~ function() { //封装获取url参数 function queryUrlParams() { let obj = {};//定义一个空对象 this.replace(/([^?#&=]+)=([^?#&=]+)/g, (...[, $1, $2]) => { /获取参数 obj[$1] = $2//将参.
20. queryURLParams
weixin_60968779的博客
05-02 135
/* queryURLParams： 获取一个URL地址问号传递的参数的值 问号传参: + 在页面跳转的时候,可以基于问号传参传递不同的信息，这样在跳转过去的页面中，就可以基于传递不同的内容（例如: 列表页面跳转到详情页面，详情页面展示不同的信息） + 在以后我们的vue/react组件开发中，我们也可以基于问号参数实现不同组件之间的信息传递 + 客户端想要从服务器获取不一样的数据，也可以把一些值基于问号参数的方式传递给服务器端 .
queryUrlParams方法
sluna27的博客
01-18 260
function queryUrlParams(url) { //获取？和#后面的信息 let askIn = url.indexOf("?"), wellIn = url.indexOf('#'), askText = "", wellText = ""; //#不存在 wellIn === -1 ? wellIn = url.length : null; //?存在 askIn >= 0 ? askTe
获取地址栏中传入参数的信息queryURLParams
最可爱的草莓酱兔兔
05-08 1597
目录
简单介绍url的格式 协议、端口、路径、参数（params）、查询（query）、片段（frag）、url编码
热门推荐
luluoluoa的博客
04-12 1万+
url通用格式 <协议>：//<用户名>：<密码>@<主机域名或者ip地址>：<端口号>/<路径>；<参数>？<查询>#<片段> 其中最重要的是<协议><主机域名><路径> 总之，url（统一资源定位符）的作用就是通过浏览器发送给服务器，告诉服务器我们想要什么资源在什么位置，并发送给我们的浏览器，通过上边的格式，我们举几个例子： http://www.bai
获取地址栏参数 验证地址参数 query
dreamy_wx的博客
03-01 246
例：“https://baidu.com/?aa=zhangsan&bb=C080000003&cc=MBA&sign=CF24FBB255B0BE66EF0D151A” let searchs = window.location.search 获取？后部分 在这里插入代码片function getQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$).
`“use strict“`在JavaScript中是什么？它背后的原理是什么？
Jerry学长
05-27 1091
JavaScript的严格模式（strict mode）是ECMAScript 5引入的一项特性。如果你在脚本或函数的顶部声明 ，你就启用了严格模式： 当JavaScript引擎看到这个指令时，它将开始以一种特殊的模式解释代码。在这种模式下，当检测到某些可能导致潜在错误的编码实践时，会抛出错误。这就是严格模式背后的基本原理。考虑下面这个例子： 开发者可能因为强迫症而对齐数值字面量，但这样会无意中使变量 初始化为八进制字面量。在非严格模式下，这将被解释为值 （十进制）。然而，在严格模式下，这样的代码会抛出错
【redis】Spring之RedisTemplate配置与使用
05-30 326
转载：Spring之RedisTemplate配置与使用用过redis，但直接使用Jedis进行相应的交互操作，现在正好来看一下RedisTemplate是怎么实现的，以及使用起来是否更加便利。
书籍学习|基于SprinBoot+vue的书籍学习平台(源码+数据库+文档)
JIngJaneIL的博客
05-28 1198
首先,论文一开始便是清楚的论述了平台的研究内容。其次,剖析平台需求分析,弄明白“做什么”,分析包括业务分析和业务流程的分析以及用例分析,更进一步明确平台的需求。然后在明白了平台的需求基础上需要进一步地设计平台,主要包罗软件架构模式、整体功能模块、数据库设计。本项目软件架构选择B/S模式和java技术，总体功能模块运用自顶向下的分层思想。再然后就是实现平台并进行代码编写实现功能。论文的最后章节总结一下自己完成本论文和开发本项目的心得和总结。通过书籍学习平台将会使书籍学习各个方面的工作效率带来实质性的提升。
Vue3实战笔记（52）—Vue 3封装持仓分析饼图
山花的博客
05-30 516
接上文，封装持仓分析饼图。封装好几个组件，用于后续开发。把忧愁煮成茶，让它在心间慢慢沉淀，剩下的，便是清甜的回味。
解决renren-fast地图使用echarts报错
最新发布
Start_t的博客
05-30 208
原因：renrenfast 框架 中 plugins预设了 echarts 插件（3.8.5），并且设置了 // 引入外部库, 无需webpack打包处理。如果引用自己安装的echarts 需要 注释掉build\webpack.base.conf.js 中 externals 的echarts。始终报错，无法安装自己定义的echarts版本（5.4.1），console.log出来是3.84。会提示以下错误或者其他。
Vue3 - 实现一个雨水滴落的动画效果
良月柒
05-29 172
在 Vue 3 中实现一个雨水滴落的动画效果，可以使用 HTML5 的元素和 JavaScript 来绘制和控制动画。
React基础知识笔记
山雀的博客
05-29 828
react基础知识

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

18年

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值