关于前端:windowlocation-常见属性

45次阅读

共计 1525 个字符,预计需要花费 4 分钟才能阅读完成。

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)) 跳转了。

正文完
 0