企业官网建设流程全解析

微信网站后期运营怎么做,东阿网站制作,网络广告的创意策略包括,中国建设局网站基础问答问#xff1a;了解过 BOM 吗#xff1f;他和 DOM 有什么差异#xff1f;基础问答问#xff1a;了解过 BOM 吗#xff1f;它和 DOM 有什么差异#xff1f;答#xff1a;BOM 是浏览器对象#xff0c;指的是如 window​ #xff0c;location​ #xff0c;histo…基础问答问了解过 BOM 吗他和 DOM 有什么差异基础问答问了解过 BOM 吗它和 DOM 有什么差异答BOM 是浏览器对象指的是如 window​ location​ history​ screen 等由浏览器提供的操作对象是提供给开发人员操作浏览器的部分能力比如前进后退更新url等没有强标准性每个浏览器的实现有一定的差异。DOM 是文档对象是开发者操作页面内容的一个标准。扩展延伸关于 BOM这里主要列举一些和 DOM 的差异以及一些常用的 BOM 操作。window 对象​所有的 BOM 对象都是 window 的属性或者方法。window 是浏览器的一个实例他同时作为全局作用域的载体和窗口API提供方存在具有以下特征​全局作用域载体所有的全局变量、函数都会自动成为 window 的属性。​窗口控制​open​ close 等。常用API类别 API 作用窗口控制 window.open(url, name, params) 打开新窗口如window.open(https://baidu.com, _blank)window.close() 关闭当前窗口​仅能关闭由 open() 操作打开的窗口window.resizeTo(width, height) 调整窗口大小如resizeTo(800, 600)窗口位置 window.scrollTo(x, y) 滚动窗口到指定坐标如scrollTo(0, 1000)滚动到页面底部window.innerWidth 获取窗口可视区域宽度不含工具栏、滚动条交互提示 window.alert(msg) 弹出警告框无返回值window.confirm(msg) 弹出确认框返回true/falsewindow.prompt(msg, default) 弹出输入框返回用户输入内容或null注意alert/confirm/prompt​ 会阻塞代码执行。innerWidth​ 是可视区宽度outerWidth 是浏览器窗口宽度。location 对象​管理当前页面的 URL 信息用于获取 URL 参数、跳转页面、刷新页面是前端路由如 History 模式和页面导航的核心工具。核心属性属性名 示例 含义/作用href https://www.example.com:8080/path?nametest#hash 完整 URL可读写protocol https: 获取到的时候是有这个冒号的不是打错了 协议如http:/https:host www.example.com:8080 主机名 端口号pathname /path 路径部分search ?nametest 查询参数含?hash #hash 哈希值含#常用APIassign跳转到指定 URL会产生一条浏览器历史记录如 location.assign(https://baidu.com)可通过浏览器后退返回原页面replace替换当前 URL不产生历史记录如 location.replace(https://baidu.com)无法通过浏览器后退返回原页面reload刷新页面forcetrue强制从服务器刷新false优先从缓存刷新location.hash newHash 修改 URL 哈希值不刷新页面常用于前端路由锚点跳转。history 对象history对象记录了当前窗口的浏览历史可用于实现前进、后退功能是 SPA 前端路由的核心依赖。API 功能说明 注意事项history.back() 后退到上一条历史记录等价于浏览器后退按钮 若当前是第一条历史记录调用后无效果不会报错history.forward() 前进到下一条记录等价于浏览器前进按钮 若当前是最后一条历史记录调用后无效果不会报错history.go(n) 跳转到历史记录的第n条n1前进 1 条等于前进n-1后退 1 条等于后退n0刷新当前页 若n超出历史记录范围如只有 2 条记录却调用go(3)无效果且不报错history.pushState(state, title, url) 添加新历史记录state存自定义数据title为页面标题多数浏览器忽略url为新 URL 仅修改 URL 和历史记录​不刷新页面也不触发hashchange事件url需与当前页面同源history.replaceState(state, title, url) 替换当前历史记录参数含义与pushState一致 不产生历史记录直接更新当前的记录面试追问如何通过 history 对象实现 SPA 的路由参考笔者的《深入浅出 SPA/MPA》。实现一个用于解析查询参数函数/*** 解析查询参数字符串为对象* param search 查询参数字符串如 window.location.search* param keys 需要关注的键可选不传则返回全部* returns 解析后的参数对象*/function parseSearchParams(search, keys, defaultValues) {const searchParams new URLSearchParams(search);const result { ...(defaultValues || {}) };if (keys) {// 只处理指定的键keys.forEach(key {const value searchParams.get(key);if (value ! null) {result[key] decodeURIComponent(value);}});} else {// 处理全部键searchParams.forEach((value, key) {result[key] decodeURIComponent(value);});}return result;}