前端获取当前url以及解析url的具体信息

作为一个前端菜鸟,对浏览器要足够重视,今天就被问了一个问题,如何获取当前页面的url以及如何分析它的每一部分,下面记录一下我的心得。

解析URL

window对象的location属性引用的是location对象,它表示该窗口中当前显示的文档的URL,并定义了方法来使窗口载入心得文档。

  • 请注意,docuemnt的location属性也引用的是location对象。
    `window.location === document.location //true

  • location对象的href属性是一个字符串,后者包含URL的完整文版。location对象的toString()方法返回的是href属性的值。

location的其他属性

他们被称为URL的分解属性,同时被Link对象支持

在这里插入图片描述
下面我们来看一个有关提取URL的代码实例
虽然通过上面的属性可以访问到 location 对象的大多数信息,但其中访问 URL 包含的查询字符
串的属性并不方便。尽管 location.search 返回从问号到 URL 末尾的所有内容,但却没有办法逐个
访问其中的每个查询字符串参数。为此,可以像下面这样创建一个函数,用以解析查询字符串,然后返
回包含所有参数的一个对象:

function getQueryStringArgs(){
    
     
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

余光、

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

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

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

打赏作者

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

抵扣说明:

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

余额充值