如何使用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

相关推荐

  • pz73x-10cdn300手动刀闸阀为何如此受欢迎?性能与品质解析。

    PZ73X-10CDN300手动刀闸阀:性能特点与应用领域PZ73X-10CDN300手动刀闸阀是一种广泛应用于工业管道系统中的阀门产品,该阀门采用手动操作方式,适用于输送各种介质,如水、油、气体等,以下将详细介绍该阀门的性能特点和应用领域,性能特点结构紧凑PZ73X-10CDN300手动刀闸阀采用整体铸造结构……

    2025年10月30日
    060
  • 京瓷P5021cdn自动双面打印设置方法详解,是何操作步骤?

    京瓷P5021cdn自动双面打印设置指南准备工作在开始设置自动双面打印之前,请确保您的京瓷P5021cdn打印机已正确安装并连接到计算机,以下是一些准备工作:确保打印机电源已开启,打开打印机盖,检查打印纸是否已正确放置,确保计算机已连接到打印机,可以通过USB线或无线网络连接,设置步骤打开打印任务在计算机上打开……

    2025年11月23日
    030
  • 网站访问量多大,CDN流量包一个月才够用?

    在数字化时代,网站或应用的加载速度直接影响用户体验和业务转化率,内容分发网络(CDN)作为提升访问速度、保障服务稳定性的关键技术,已被广泛采用,对于许多站长和开发者而言,一个常见且实际的问题随之而来:cdn流量包一个月多少才够用?这个问题并没有一个放之四海而皆准的答案,它取决于多个变量的综合作用,要找到最适合自……

    2025年10月19日
    0130
  • 京瓷打印机P5021CDN墨盒归零后,如何正确操作避免故障及耗损?

    京瓷打印机P5021cdn墨盒归零操作指南京瓷打印机P5021cdn是一款高性能的彩色激光打印机,广泛应用于办公和家庭领域,在使用过程中,墨盒的归零操作是保证打印机正常工作的重要步骤,本文将详细介绍京瓷打印机P5021cdn墨盒归零的操作方法,墨盒归零操作步骤打开打印机盖板关闭打印机电源,然后打开打印机的前盖板……

    2025年11月16日
    050

发表回复

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