window.screen对象在编写时可以不使用 window 这个前缀。
JS总体包括ECMAScript,DOM,BOM三个部分,但是能够和浏览器进行交互的只有DOM和BOM,那么到底什么是DOM和BOM呢 概念 BOM(Browser Object Model)是指浏览器对象模型...BOM Window对象是客户端JavaScript最高层对象之一,由于window对象是其它大部分对象的共同祖先,在调用window对象的方法和属性时,可以省略window对象的引用。...setTimeout() 语法: var t=setTimeout("JS语句",毫秒) setTimeout() 方法会返回某个值。在上面的语句中,值被储存在名为 t 的变量中。...语法: setInterval("JS语句",时间间隔) 返回值 一个可以传递给 Window.clearInterval() 从而取消对 code 的周期性执行的值。...(cls) 存在返回true,否则返回false classList.toggle(cls) 存在就删除,否则添加 指定CSS操作 obj.style.backgroundColor="red" JS
DOM Window 代表窗体 DOM History 历史记录 DOM Location 浏览器导航 重点:window、history、location ,最重要的是window对象 1.window...对象 Window 对象表示浏览器中打开的窗口,如果文档包含框架(frame 或 iframe 标签),浏览器会为 HTML 文档创建一个 window 对象,并为每个框架创建一个额外的 window...对象 window.frames 返回窗口中所有命名的框架 parent是父窗口(如果窗口是顶级窗口,那么parent==self==top) top是最顶级父窗口(有的窗口中套了好几层frameset...();",1000);//不终止 } 2.history 对象...代表浏览器导航 在js函数中发起href链接效果 location.href='跳转后url' ; 等价于
什么是BOM BOM,浏览器对象模型(Browser Object Model)。 Window 对象 所有浏览器都支持 window 对象。它表示浏览器窗口。...所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。 全局变量是 window 对象的属性。 全局函数是 window 对象的方法。...location.protocol 返回所使用的 web 协议(http: 或 https:) 返回当前页面的URL - location.href //file:///E:/BOM...a=1&b=2 console.log(window.location.href); //file:///E:/BOM/location.html?...a=1&b=2 返回当前页面的URL - location.search //file:///E:/BOM/location.html?
BOM(Browser Object Mode)浏览器对象模型,是Javascript的重要组成部分。它提供了一系列对象用于与浏览器窗口进行交互,这些对象通常统称为BOM。 一张图了解一下先 ?...1、window 对象——BOM核心 window,顾名思义,窗口对象。它表示整个浏览器窗口,主要用来操作浏览器窗口。...它是window对象的一个属性,可以用来处理页面文档 3、location 对象 对象用于获得当前页面的地址 (URL),并把浏览器重定向到新的页面。 ...http:或https: 4、navigator 对象 对象提供了与浏览器有关的信息。userAgent是最常用的属性,用来完成浏览器判断。...window.navigator 对象在编写时可不使用 window 这个前缀。 5、screen 对象 主要用来获取用户的屏幕信息。
JS之BOM对象相关知识点整理 消息框 alert confirm 定时器 循环定时器的设置 启动循环定时器----setInterval() 取消循环定时器---clearInterval()...定时器例子 一次性的定时器---setTimeOut() 取消一次性定时器---clearTimeOut() Location对象 获取当前地址 href属性设置 例子 ---- 消息框 alert...setTimeout("run1()",2000); clearTimeout(id); 设置一次性定时器后,直接取消,因此不会显示任何东西 ---- Location对象
语法: setTimeout(函数对象,延迟多少毫秒执行) setTimeout(函数对象,延迟时间,后面的参数皆为函数对象的参数) 清除延迟函数: clearTimeout(延迟函数的ID) 1.2...7 JSON JSON(JavaScript Object Notation, JS 对象简谱) 是一种轻量级的数据交换格式。...它基于 ECMAScript (欧洲计算机协会制定的js规范)的一个子集,采用完全独立于编程语言的文本格式来存储和表示数据。...可以实现对象和文本的相互转换 var obj = { name:"蔡徐坤", like:["唱","跳","rap","打代码"] } //将js对象转换成json格式的字符串...var strJson = JSON.stringify(obj) console.log(strJson) //json字符串转换成js对象 var jsonObj = JSON.parse(strJson
BOM部分主要是针对浏览器的内容,其中常用的就是window对象和location, window是全局对象很多关于浏览器的脚本设置都是通过它。 ...navigator中有很多浏览器相关的内容,通常判断浏览器类型都是通过这个对象。 screen常常用来判断屏幕的高度宽度等。 ...console.log("操作系统默认语言"); console.log(navigator.userLanguage); console.log("用户个人信息对象
一 window对象的属性和方法 1.window对象是浏览器窗口对文档提供的一个现实的容器 2 window的属性和方法:window.属性 和window.方法 (可省略...window对象) 3 对话框 (BOM中的三种对话框) 1.alert() 显示一段消息和一个带有确认按钮的警告框 ,//消息即为括号内的内容 2 .confirm.../11.jpg)"; setTimeout('fun1()',1000) } 5 Window 对象属性... 1 innerHeight :返回窗口文档显示区的高度 2 innerWidth:返回窗口文档显示区的宽度 二 History 对象的常用方法 1.back() 加载history...列表中的前一个URL 2 forword() 加载history列表中的下一个URL 3 go() 加载history列表中的某个具体页面 三 Screen 对象 availHeight
一、BOM 浏览器对象模型 BOM也叫浏览器对象模型,它提供了很多对象,用于访问浏览器的功能。BOM缺少规范,每个浏览器提供商又按照自己想法去扩展它,那么浏览器共有对象就成了事实的标准。...所以,BOM本身是没有标准的或者还没有哪个组织去标准它。...1.window对象: BOM的核心对象是window,它表示浏览器的一个实例,在浏览器中window对象有双重角色既是通过javascript访问浏览器窗口的一个接口,又是ECMAScript规定的Global...对象。...5. screen对象(详见w3c的js screen对象) 屏幕总宽度/高度: screen.width screen.height 可用宽度/高度: screen.availWidth
---- theme: channing-cyan 这是我参与8月更文挑战的第15天,活动详情查看:8月更文挑战 window是什么 浏览器对象模型BOM(Browser,Object,Model)是以...window对象为基础的,这个对象代表了浏览器窗口,页面可视区域,它还被复用为Es的全局对象Global,所有的原生类型的构造函数和函数都从一开始就存在于这个对象之上。...这个还挺实用的,我们可以通过媒体查询来设置响应式,但有时候我们列表需要通过页面视口的宽度来判断是不是切换俩个还是切换四个,然后实现新闻列表的切换,我们在js肯定是要判断浏览器窗口大小的。...像素的位置 window.scrollTo(80, 80); 这个也挺有用的,尤其手机端,我们需要网页头部的一直显示在页面顶部,一到网页顶部头部背景颜色是透明的,滚动后背景颜色变成白色,就可以通过js
source=cloudtencent window 对象 提示框 alert alert(1) 确认提示框 confirm var conf = confirm('是否打开') // true or...location 对象# 获取 url 地址 location.href var str = location.href // 'https://echarts.noxussj.top/#/' 获取域名...location.port // 8888 获取 web 协议 location.protocol var str = location.protocol // 'https:' navigator 对象...97.0.4692.71 Safari/537.36' 获取操作系统 navigator.platform var str = navigator.platform // 'Win32' history 对象...screen.width var str = screen.width // 1920 屏幕高度 screen.height var str = screen.height // 1080 document 对象
一、BOM 1、BOM的概念 BOM(Browser Object Model):浏览器对象模型。 在浏览器中的一些操作都可以使用 BOM 的方法进行编程处理。...2、BOM 顶级对象 BOM 的顶级对象是:window window 是浏览器的顶级对象,当调用 window 下的属性和方法时,可以省略 window。...2、window.onload 事件会在页面加载完毕(页面中所有内容、标签、属性以及外部引入的 js文件)时触发。 3、window.onload 可以省略 window。...(地址栏) 学习一个对象主要是学习它里面的属性和方法。...主机名 console.log(window.location.port); //63342 ---- 端口号 console.log(window.location.pathname);// /JS
---- theme: channing-cyan 这是我参与8月更文挑战的第16天,活动详情查看:8月更文挑战 Global作用域 window被赋予了Es的Global对象,所以通过var声明的所有的全局变量都会变成...window对象的方法和属性。...window.name); //jackson window.sayNmae(); //jackson 这个用var定义的变量和函数都被放在了全局作用域中,他们自动就变成了window对象的成员...往期回顾BOM核心——window对象之窗口 (juejin.cn)
window.history.back(); //同上 window.history.forward(); //同上 window.history.length //可以查看历史中的页面数 document对象...document对象:实际上是window对象的属性,document == window.document为true,是唯一一个既属于BOM又属于DOM的对象 document.lastModified...document.write(); 或document.writeln(); //将字符串插入到调用它们的位置 location对象 location对象:表示载入窗口的URL,也可用window.location...forward访问 location.reload(true | false); //重新载入当前页面,为false时从浏览器缓存中重载,为true时从服务器端重载,默认为false navigator对象...screen对象:用于获取某些关于用户屏幕的信息,也可用window.screen引用它 screen.width/height //屏幕的宽度与高度,以像素计 screen.availWidth
之前的同事写了一个工具,但有bug,就是在替换文件后原文件的格式变成utf8 BOM了,这种带BOM的XML在Mac下可能读取不出来,所以就需要写个工具处理一下… 其实思路比较简单,首先遍历目录,然后读取目录...toLowerCase() == "bf") { //EF BB BF 239 187 191 console.log('\发现BOM
BOM 1.window对象 2.location对象 3.history对象 BOM也叫浏览器对象模型,它提供了很多对象,用于访问浏览器的功能。...BOM缺少规范,每个浏览器提供商又按照自己想法去扩展它,那么浏览器共有对象就成了事实的标准。所以,BOM本身是没有标准的或者还没有哪个组织去标准它。...一.window对象 BOM的核心对象是window,它表示浏览器的一个实例。window对象处于JavaScript结构的最顶层,对于每个打开的窗口,系统都会自动为其定义 window 对象。...1.对象的属性和方法 window对象有一系列的属性,这些属性本身也是对象。...二.location对象 location是BOM对象之一,它提供了与当前窗口中加载的文档有关的信息,还提供了一些导航功能。
1.对象转数组 var obj = {name:”张三”,name:”李四”,name:”王五”}; var arr = []; arr = Object.values(obj) //obj就被转换成数组了...2.数组转对象 var obj={}; var arr = []; for(key in arr) { obj[key] = arr[key] //上面的对象obj会被这里新转换的替换 } 3.获取对象长度...对象的长度不能用.length获取,用js原生的Object.keys可以获取到 var obj = {‘ww’:’11’,’ee’:’22}; var arr = Object.keys
BOM(浏览器对象模型) 概述 BOM(Brower Object Model) 即浏览器对象,它提供了独立于内容而与浏览器窗口进行交互的对象,核心对象是 window。...BOM 缺乏标准,Javascript 语法的标准化组织是 ECMA,DOM 的标准化组织是 W3C,BOM 最初是 Netscape 浏览器标准的一部分 BOM 和 DOM BOM 构成 BOM 比...window 对象是浏览器的顶级对象。 它是 JS 访问浏览器窗口的一个接口 它是一个全局对象。定义在全局作用域中的变量函数都会变成 window 对象的属性和方法。...作用:有了窗口加载事件就可以把 JS 代码放在页面元素上方。因为 load 事件是等页面内容完全加载完毕,才去执行事件处理函数。 例子: <!...JS 为防止任务有排队或者等待时间较长的问题,把任务分为同步任务和异步任务两大类。 同步任务都在主线程上执行,形成一个执行栈。 异步任务:JS 的异步时通过回调函数实现的。一般有三种类型。
1.BOM 1.1. 什么是BOM BOM(Browser Object Model)即浏览器对象模型,它提供了独立于内容而与浏览器窗口进行交互的对象,其核心对象是 window。 ...BOM 由一系列相关的对象构成,并且每个对象都提供了很多方法与属性。 ...是 W3C 标准规范 BOM 浏览器对象模型 把「浏览器」当做一个「对象」来看待 BOM 的顶级对象是 window BOM 学习的是浏览器窗口交互的一些对象 ...BOM的构成 BOM 比 DOM 更大,它包含 DOM。 1.3. 顶级对象window window 对象是浏览器的顶级对象,它具有双重角色。 1. 它是 JS 访问浏览器窗口的一个接口。...有了 window.onload 就可以把 JS 代码写到页面元素的上方,因为 onload 是等页面内容全部加载完毕, 再去执行处理函数。
领取专属 10元无门槛券
手把手带您无忧上云