JS Web API BOM 相关

泡泡泡

已于 2023-04-05 17:49:22 修改

阅读量84

点赞数

文章标签：前端 javascript html

于 2023-04-05 17:10:18 首次发布

本文链接：https://blog.csdn.net/u012578908/article/details/129971441

版权

知识点

navigator

navigator.userAgent.indexOf("Chrome")，会有很多其他浏览器信息，不规范，没办法很严格地检测是什么浏览器

screen

screen.width 屏幕宽度

screen.height 屏幕高度

location

location.href 整个网址

location.protocol 协议

location.host 域名

location.pathname 路径

location.search 参数

location.hash 哈希

history

history.forward() 前进

history.back() 后退

总结

四个 API，navigator 获取浏览器类型、screen 获取屏幕宽高尺寸、location 获取网址信息、history 前进后退网页

面试题

如何识别浏览器类型

分析拆解 url 各个部分

手写函数 getParamValue(key)

// 传统实现方式
function getParamValue(key) {
    var search = window.location.search
    search = search.substring(1, search.length)
    var searchList = search ?  search.split("&&") : []
    var searchObj = {}
    searchList.map(function(item) {
        var itemArr = item.split("=")
        searchObj[itemArr[0]] = itemArr[1]
    })
    return searchObj[key]
}
getParamValue("a")

// 使用 URLSearchParams
const params = new URLSearchParams(location.search)
params.get("a")