如何使用js获取当前页面的url网址后续的内容

很多小伙伴问了使用js获取当前页面的url网址内容后后续的信息如何获取下面给大家介绍一下:

如何使用js获取当前页面的url网址后续的内容

 

一、获取当前页面的url网址内容代码如下:

//获取对象指定的路径。alert(window.location.pathname);//获取整个URL为字符串。alert(window.location.href);//获取与URL关联的端口码。alert(window.location.port);//获取URL的部分协议。alert(window.location.protocol);//获取href属性中在井号“#”后面的分段。alert(window.location.hash);//获取location或URL的hostname和port号码。alert(window.location.host);//设置或获取href属性中跟在问号后面的部分。alert(window.location.search);

二、获取url=后面的内容(只有一个参数)

let url = window.location.search;let neirong = url.substring(url.indexOf('=')+1, url.length);

三、获取url后面的参数(有多个参数) 把参数转成对象

// console.log(location.search)//http://127.0.0.1:5500/into.html?userName=111&password=222333&submit=%E6%8F%90%E4%BA%A4// 把问号去掉let removeMark=location.search.substr(1)//userName=111&password=222333&submit=%E6%8F%90%E4%BA%A4// console.log(removeMark)// 分割&  得到每组数据let group=removeMark.split('&')//["userName=111", "password=222333", "submit=%E6%8F%90%E4%BA%A4"]// console.log(group)let list=[]//最终得到的  里卖弄是对象的数组数据// 用map把每组数据变成对象let data=group.map((groupItem,groupIndex)=>{// 获取等号的下标let eq=groupItem.indexOf('=')// console.log(eq)// 获取键值对的键和值let pre=groupItem.slice(0,eq)let back=groupItem.slice(eq+1)// console.log(pre,back)// 拼接成对象let obj={}
    obj[pre]=back
    list.push(obj)})
console.log(list)//) [{userName: "111"},{password: "222333"},{submit: "%E6%8F%90%E4%BA%A4"}]//得到url的值for(var i=0;i<list.length;i++){
    list[i].password&&console.log(list[i].password)}

以上是关于“如何在react中定义并且使用全局变量”的介绍,如需购买云虚拟主机,推荐酷番云,共享虚拟主机、独享IP虚拟主机齐备,各类配置均有,满足不同网站建设需求;价格实惠;最低9元/月,提供免费备案,让您快速上线网站。

产品选购地址:https://www.kufanyun.com/host/buy.html

 

图片来源于AI模型,如侵权请联系管理员。作者:路飞,如若转载,请注明出处:https://www.kufanyun.com/ask/1147.html

(1)
上一篇2021年10月22日 15:35
下一篇 2021年10月25日 15:42

相关推荐

  • 大型CDN服务器是否真的使用所谓的黄金电线?揭秘其真实配置与成本。

    在当今互联网高速发展的时代,大型内容分发网络(CDN)服务器在确保网站内容快速、稳定地传输给用户方面发挥着至关重要的作用,这些大型CDN服务器是否使用了所谓的“黄金电线”呢?本文将围绕这一话题展开讨论,什么是黄金电线?我们需要了解什么是“黄金电线”,黄金电线,顾名思义,是指使用纯金或镀金材料制成的电线,这种电线……

    2025年11月27日
    0570
  • 如何快速解决兄弟3160cdn粉盒清零难题?分享实用方法!

    兄弟3160cdn粉盒清零方法详解兄弟3160cdn是一款性能出色的打印机,在使用过程中,粉盒清零操作是必不可少的,本文将详细介绍兄弟3160cdn粉盒清零的方法,帮助您轻松完成操作,操作步骤打开打印机确保打印机处于正常工作状态,打开打印机盖板,查找粉盒在打印机内部,找到粉盒的位置,粉盒位于打印机左侧,取出粉盒……

    2025年12月1日
    0540
  • 网站开启CDN一个月费用怎么算?流量和请求如何计价?

    对于许多网站运营者、开发者乃至企业主而言,在考虑提升网站性能与用户体验时,内容分发网络(CDN)几乎是一个绕不开的话题,它如同为您的网站在全球各地建立了无数个高速缓存节点,让用户能够从最近的服务器获取数据,从而实现访问速度的飞跃,在享受这些便利之前,一个最实际的问题总会浮现在脑海:开启cdn一个月大概多少钱?这……

    2025年10月26日
    0400
    • 服务器间歇性无响应是什么原因?如何排查解决?

      根源分析、排查逻辑与解决方案服务器间歇性无响应是IT运维中常见的复杂问题,指服务器在特定场景下(如高并发时段、特定操作触发时)出现短暂无响应、延迟或服务中断,而非持续性的宕机,这类问题对业务连续性、用户体验和系统稳定性构成直接威胁,需结合多维度因素深入排查与解决,常见原因分析:从硬件到软件的多维溯源服务器间歇性……

      2026年1月10日
      020
  • cdn挖矿上传行为对运营商业务运营及收益模式有何潜在影响与挑战?

    随着互联网技术的不断发展,CDN(内容分发网络)已成为现代网络中不可或缺的一部分,近期CDN挖矿上传现象逐渐兴起,对运营商的影响也日益显现,本文将从多个角度分析CDN挖矿上传对运营商的影响,以期为运营商提供有益的参考,带宽消耗增加CDN挖矿上传过程中,大量数据需要在短时间内传输,导致运营商的带宽消耗急剧增加,以……

    2025年11月23日
    0570

发表回复

您的邮箱地址不会被公开。必填项已用 * 标注