wordpress   发布时间:2022-04-02  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了window.location对象详解大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

概述

window.LOCATIOn.href(当前URL) 结果如下: http://www.myurl.com:8866/test?id=123&username=xxx window.LOCATIOn.protocol(协议) 结果如下: http: window.LOCATIOn.host(域名 + 端口) 结果如下: www.myurl.com:8866 window.LOCATIOn.hos
@H_262_10@

window.LOCATIOn.href(当前URL)

window.LOCATIOn.protocol(协议)

window.LOCATIOn.host(域名 + 端口)

window.LOCATIOn.hostname(域名)

window.LOCATIOn.port(端口)

window.LOCATIOn.pathname(路径部分)

window.LOCATIOn.search(请求的参数)

通常由于业务需要,前端页面中的某个数据源来源,需要我们去获取URL的某个参数值。这时封装一个输入参数名获取对应参数值函数是必不可少的,如下所示:

function getQuery(Name) {
  // 正则:[找寻‘&‘ + ‘url参数名字‘ = ‘值‘ + ‘&‘](‘&‘可以不存在)
    let reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
    let r = window.LOCATIOn.search.substr(1).match(reg);//substr() 的参数指定的是子串的开始位置和长度,因此它可以替代 subString() 和 slice() 来使用,但是它没有标准化
    if(r != null) {
      // 对参数值进行解码
        return unescape(r[2]); 
    }
    return null;
}

// 调用方法,注意需要传入String类型的数据,输出结果为String类型
getQuery(id);   // ‘123‘

不过unescape解码方法已经废除了。注释:ECMAScript v3 已从标准中删除了 unescape() 函数,并反对使用它,因此应该用 decodeURI() 和 decodeURIComponent() 取而代之。

window.LOCATIOn.origin(‘?‘前边的URL)

链接https://www.jianshu.com/p/c9324d237a8e

大佬总结

以上是大佬教程为你收集整理的window.location对象详解全部内容,希望文章能够帮你解决window.location对象详解所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。