window.location 常见属性

window.location 常见属性

window.location.href

(获取当前页面地址或者设置跳转到指定地址)

https://www.iicoom.top/archived

你也可以使用 window.location.href = https://www.iicoom.top/archived 跳转到这个页面

window.location.origin

https://www.iicoom.top/archived

// window.location.origin 获得下面的信息
'https://www.iicoom.top'

window.location.pathname

假如，你的浏览器当前打开了这个页面 https://www.iicoom.top/posts/11 

window.location.pathname(设置或获取与 URL 的路径部分（就是文件地址）)
'/posts/11'

window.location.protocol

window.location.protocol(设置或获取 URL 的协议部分)

'https:'

window.location.host

获取主机名

window.location.host(设置或获取 URL 的主机部分)

'www.iicoom.top'

window.location.port

window.location.port(设置或获取与 URL 关联的端口号码)

window.location.search

window.location.search(设置或获取 href 属性中跟在问号后面的部分)
?ie=UTF-8&wd=%E6%B5%8F%E8%A7%88%E5%99%A8%20window%20%E8%8E%B7%E5%8F%96%E5%BD%93%E5%89%8D%E9%A1%B5%E9%9D%A2%E8%B7%AF%E5%BE%84

window.location.hash

获取#后面部分

window.location.hash(设置或获取 href 属性中在井号“#”后面的分段)
https://analytics.google.com/analytics/web/#/report-home/a138499935w199163389p193647340

#/report-home/a138499935w199163389p193647340

window.location.reload()

刷新当前页面

window.location.reload()

解析vue页面的path和query

// 解析类似于下面的结构
// https://adult-app-h5.foundingaz.com/#/pages/answerDetail/answerDetail?issueId=56&answerId=1673
export function parseUrl(url) {
    let path = ''
    const query = {}
    let cache = url.split('#')[1].split('?')
    path = cache[0]
    // 下面是query
    cache[1]&&cache[1].split('&').forEach(pair => {
        let key_val = pair.split('=')
        query[key_val[0]] = key_val[1]
    })
    return { path, query }
}

// 返回结果
{paht: '/pages/answerDetail/answerDetail', query:{issueId: 56, answerId: 1673}}

这样你就可以直接使用router.push(parseUrl(url))跳转了。