window.location对象详解

admin 发布于 JS/JQ

在谷歌浏览器中打开调试工具,在Console一栏中输入 window.location,出现如下图所示:将会看到location的多个属性:
window.location.href(返回当前URL)
结果如下:http://www.intewl.com[输出完整url地址]
window.location.protocol(协议)
结果如下:http:[输出协议]
window.location.host(域名 + 端口)
结果如下:www.intewl.intewl.com:80
window.location.hostname(域名)
结果如下:www.helloweb.wang
window.location.port(端口)
结果如下:80
window.location.pathname(路径部分)
结果如下:/test
window.location.search(请求的参数)
结果如下:?id=123&username=helloweb

function getQuery(name) {  // 正则:[找寻'&' + 'url参数名字' = '值' + '&']('&'可以不存在)
    let reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");    
    let r = window.location.search.substr(1).match(reg);    
    if(r != null) {      // 对参数值进行解码
        return unescape(r[2]); 
    }    
    return null;
}
// 调用方法,注意需要传入String类型的数据,输出结果为String类型
getQuery('id');   // '123'
通常由于业务需要,前端页面中的某个数据源来源,需要我们去获取URL的某个参数值。这时封装一个输入参数名获取对应参数值的函数是必不可少的,如下所示:
window.location.origin('?'前边的URL)
结果如下:http://www.helloweb.wang:8866

242浏览量 · 0评论 · 2019-10-10 02:25:17

全部评论  0

注册登录 进行评论

热门专题

更多专题