长春哪里做网站好,什么是网络营销功能,物流网站设计,专业的手表网站一.Bom 是什么#xff1f; DOM#xff08;文档对象模型#xff09;和 BOM#xff08;浏览器对象模型#xff09;#xff08;关于浏览器操作的API#xff09;是 JavaScript 编程中常用的两种操作对象模型。DOM 操作 HTML 文档#xff0c;而 BOM 则负责处理浏览器窗口和工…一.Bom 是什么 DOM文档对象模型和 BOM浏览器对象模型关于浏览器操作的API是 JavaScript 编程中常用的两种操作对象模型。DOM 操作 HTML 文档而 BOM 则负责处理浏览器窗口和工具栏等浏览器功能的相关操作 API: 是指可以实现特定功能的属性和方法. 浏览器 是一种客户端软件,可以解析网页(web) 二.Bom提供了什么对象 BOM 提供了一种访问浏览器窗口和工具栏以及其他浏览器功能的方式 //关于BOM操作的属性和方法window location history navigator screen document 三.它们分别提供了什么作用 window 对象代表了当前浏览器窗口或标签页。开发者可以使用 window 对象来访问浏览器导航历史、定时器、警报框等功能。还可以使用窗口对象的方法打开新窗口、关闭当前窗口、调整窗口大小等 location 对象代表了包含当前文档的浏览器窗口的位置。开发者可以使用 location 对象获取当前文档的 URL、修改 URL 以及在新窗口中打开 URL 等 navigator 对象代表了浏览器本身开发者可以使用 navigator 对象获取浏览器名称、版本、操作系统类型等信息。 screen 对象代表了用户屏幕的属性如屏幕分辨率、色彩位数等。 history 对象代表了浏览器的历史记录开发者可以使用 history 对象访问前进或后退的历史 四.了解不同对象的用法!
1.window对象 // window对象//系统弹窗window.alert(111)window.prompt(请输入)window.confirm(您确定要离开吗)
//定时器
setTimeout(function(){console.log(test);},1000)
2.location对象
// 获取网页地址console.log(location.href);// http://127.0.0.1:5500/javascript%E5%B9%B4%E5%90%8E/%E7%AC%AC%E4%B8%80%E5%A4%A9/code/03-location%E5%AF%B9%E8%B1%A1.htmlvar v1 decodeURIComponent(location.href);console.log(v1);// http://127.0.0.1:5500/javascript年后/第一天/code/03-location对象.html// 编码var k encodeURIComponent(你好世界);console.log(k);//%E4%BD%A0%E5%A5%BD%E4%B8%96%E7%95%8C// 获取路径的参数 寻找后面内容console.log(location.search);//?page1pageSize100 网页地址跟在问号后面的部分// 获取路径中的锚点值 带#号后面的数据console.log(location.hash);//#/login?page1pageSize100// 获取路径中的端口 (0~65535)// 端口设备与外界通信的出口 0~65535)console.log(location.port); //5500// 获取路径中的协议// 协议一种网络通信的约定/规则console.log(location.protocol); //http:// IP 地址/位置console.log(location.hostname); //127.0.0.1// 页面刷新的方法// location.reload()
3.history对象 // history 对象浏览器历史记录信息对象console.log(history);// 全局函数 可前进一个历史记录的函数function goForWard() {// 前进一个历史记录必须是点击过某链接有前进的过的动作才有用history.forward();}// 可后退一个历史记录的函数function goBack() {// 返回上一级历史history.back();}
4.navigator对象 // navigator 对象客户设备信息对象console.log(navigator);// 获取客户端信息var userAgent navigator.userAgent;console.log(userAgent);//我们可以对设备进行获取与判断// 封装函数获取设备信息function getDevice() {var userAgent navigator.userAgent;// 判断这个字段是否存在不存在则为-1if (userAgent.indexOf(iPhone) -1) {return ios;} else if (userAgent.indexOf(Android) -1) {return android;} else if (userAgent.indexOf(Windows) -1) {return pc;} else {return 未知;}}console.log(getDevice());
5.screen对象 // 设备宽高设备屏幕信息对象console.log(screen);
6.cookie对象 cookie 是一种浏览器缓存数据的一种机制缓存数据的方式 要在http协议下才能使用文档协议打开用不了 作用 缓存数据、共享数据 弊端数据体积小约4kb(20条) // 使用// 设置cookie 缓存数据document.cookie colorred; expires (new Date(2024-2-25));// 获取cookie缓存数据var str document.cookie;console.log(缓存的数据:, str);// 删除cookie缓存数据document.cookie color; expires (new Date(1970-1-1));
