什么是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?
---- theme: channing-cyan 这是我参与8月更文挑战的第15天,活动详情查看:8月更文挑战 window是什么 浏览器对象模型BOM(Browser,Object,Model)是以...这个还挺实用的,我们可以通过媒体查询来设置响应式,但有时候我们列表需要通过页面视口的宽度来判断是不是切换俩个还是切换四个,然后实现新闻列表的切换,我们在js肯定是要判断浏览器窗口大小的。...// 相对于当前视口向下滚动 80 像素 window.scrollBy(0, 80); // 相对于当前视口向右滚动 40 像素 window.scrollBy(40, 0);...// 滚动到页面左上角 window.scrollTo(0, 0); // 滚动到距离屏幕左边及顶边各 80 像素的位置 window.scrollTo(80, 80)...; 这个也挺有用的,尤其手机端,我们需要网页头部的一直显示在页面顶部,一到网页顶部头部背景颜色是透明的,滚动后背景颜色变成白色,就可以通过js来判断,让它移动到一定位置的时候背景颜色改变。
window对象的方法和属性。...); //jackson window.sayNmae(); //jackson 这个用var定义的变量和函数都被放在了全局作用域中,他们自动就变成了window对象的成员,...导航和打开其他网页 window.open()方法可以跳转路由到指定的地址。也可以用于打开新的浏览器窗口,它和咱们html里面的a标签效果是一样的。...xxx网页 window.open("http://www.xxx.com"); window.open()接收四个参数 1.要加载的地址...往期回顾BOM核心——window对象之窗口 (juejin.cn)
BOM部分主要是针对浏览器的内容,其中常用的就是window对象和location, window是全局对象很多关于浏览器的脚本设置都是通过它。
window.screen对象在编写时可以不使用 window 这个前缀。...一、窗口的文档显示区的宽高 console.log(window.innerWidth,window.innerHeight);//3072 1438 二、返回一个窗口的外部宽高,包括所有界面元素(如工具栏.../滚动条) console.log(window.outerWidth,window.outerHeight);//1536 824 三、屏幕的总宽高 console.log(screen.width
不忘初心,方得始终 这几天找工作 遇到一件让我非常尴尬的问题 赶场似的用了三天学了vue和小程序开发 然后赶出两个实战项目 很多api都还不熟练 导致面试时问的问题 完全答不上来 而且好多不常用的原生js...-- 网页主干:可视化区域 --> /* BOM: 浏览器对象模型 使js能与浏览器进行交互 */ // window对象 // 浏览器窗口 // 所有js的全局对象,全局函数,全局变量都会成为...window的属性 // document也是window对象的属性 // location 浏览器地址相关 location.href; // 当前页面地址 location.href = "//www.baidu.com...history.go(); // 进入具体历史记录的某一个页面,参数为数字,正数或负数 // navigator 客户端信息 navigator.userAgent; // 浏览器信息(一般用于浏览器嗅探) // window...= function (){ timer = setInterval(fn, 13); } window.onblur = function (){ clearInterval(timer); } /
—— 杰普莉茨卡娅 有时我们需要在js中触发打开新标签页、或者是在当前页面跳转以及在iframe中替换父页面 使用window.open即可,关于它的参数,为以下四个: URL:需要打开的页面URL...window.open("https://vampireachao.gitee.io/") name:打开页面的方式或名称 // 新窗口打开,默认 window.open("https://vampireachao.gitee.io.../","_blank") // 父窗口打开,ifame中使用 window.open("https://vampireachao.gitee.io/","_parent") // 当前窗口中打开 window.open...("https://vampireachao.gitee.io/","_self") // 顶层窗口打开,iframe中使用 window.open("https://vampireachao.gitee.io.../","_top") specs:属性,不同属性用逗号隔开,key和value之间用等号 // 设置宽高 window.open("https://vampireachao.gitee.io/","_blank
windows 方法 window.close(); //关闭窗口 window.alert("message"); //弹出一个具有OK按钮的系统消息框,显示指定的文本 window.confirm...window.clearTimeout("ID"); //取消还未执行的暂停,将暂停ID传递给它 window.setInterval(function, 1000); //无限次地每隔指定的时间段重复一次指定的代码...,参数同setTimeout()一样 window.clearInterval("ID"); //取消时间间隔,将间隔ID传递给它 window.history.go(-1); //访问浏览器窗口的历史...,负数为后退,正数为前进 window.history.back(); //同上 window.history.forward(); //同上 window.history.length //可以查看历史中的页面数...document对象 document对象:实际上是window对象的属性,document == window.document为true,是唯一一个既属于BOM又属于DOM的对象 document.lastModified
-- window对象 1、所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。 2、全局变量是 window 对象的属性。...3、全局函数是 window 对象的方法。 4、window是全局变量在调用时不需要使用window.的方式。 5、window对象可以直接调用。 --> <!...-- window 对象方法 1、alert:提示框 2、confirm:提示框,比alert多一个取消选项,有返回值 3、prompt:提示框,比alert多个输入框,有返回值...id(每次调用定时器都会生成一个id),用于取消该定时器 5、clearInterval:取消定时器,通过id确定定时器 --> //以下两种方法是一样的 window.alert
之前的同事写了一个工具,但有bug,就是在替换文件后原文件的格式变成utf8 BOM了,这种带BOM的XML在Mac下可能读取不出来,所以就需要写个工具处理一下… 其实思路比较简单,首先遍历目录,然后读取目录...toLowerCase() == "bf") { //EF BB BF 239 187 191 console.log('\发现BOM
JS总体包括ECMAScript,DOM,BOM三个部分,但是能够和浏览器进行交互的只有DOM和BOM,那么到底什么是DOM和BOM呢 概念 BOM(Browser Object Model)是指浏览器对象模型...BOM Window对象是客户端JavaScript最高层对象之一,由于window对象是其它大部分对象的共同祖先,在调用window对象的方法和属性时,可以省略window对象的引用。...所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。 全局变量是 window 对象的属性。全局函数是 window 对象的方法。...一些常用的Window方法: window.innerHeight – 浏览器窗口的内部高度 window.innerWidth – 浏览器窗口的内部宽度 window.open() – 打开新窗口 window.close...语法: setInterval("JS语句",时间间隔) 返回值 一个可以传递给 Window.clearInterval() 从而取消对 code 的周期性执行的值。
window.self 功能:是对当前窗口自身的引用,它和window是等价的 语法:window.self 注:window、self、window.self是等价的 window.top 功能:返回顶层窗口...语法:window.top 注:如果窗口本身就是顶层窗口,top属性返回的是对自身的引用。 window.parent 功能:返回父窗口。...语法:window.parent 注:如果窗口本身是顶层窗口,parent属性返回的是对自身的引用。 在框架网页中,一般父窗口就是顶层窗口,但如果框架中还有框架,父窗口和顶层窗口就不一定相同了。
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...或者iframe) self是当前窗口(等价window) opener是用open方法打开当前窗口的那个窗口 ①:父子窗体之间的通讯 在页面内嵌入一个iframe,在iframe中提供一个输入项,输入后...history.back();" /> 3.Location 对象 代表浏览器导航 在js
知识点表格截图:
document.body.scrollHeight 网页被卷去的高:document.body.scrollTop 网页被卷去的左:document.body.scrollLeft 网页正文部分上:window.screenTop... 网页正文部分左:window.screenLeft 屏幕分辨率的高:window.screen.height 屏幕分辨率的宽:window.screen.width 屏幕可用工作区高度:window.screen.availHeight... 屏幕可用工作区宽度:window.screen.availWidth HTML精确定位: scrollLeft,scrollWidth,clientWidth,offsetWidth scrollHeight... //然后参考 http://www.javaeye.com/topic/155981 这篇博客,来动态设定组件的大小 } window.onresize... resize(); } Ext.onReady(function(){ formWindow = new Ext.Window
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 缺乏标准,JavaScript 语法的标准化组织是 ECMA,DOM 的标准化组织是 W3C,BOM 最初是Netscape 浏览器标准的一部分。 ... 浏览器对象模型 把「浏览器」当做一个「对象」来看待 BOM 的顶级对象是 window BOM 学习的是浏览器窗口交互的一些对象 BOM 是浏览器厂商在各自浏览器上定义的...BOM的构成 BOM 比 DOM 更大,它包含 DOM。 1.3. 顶级对象window window 对象是浏览器的顶级对象,它具有双重角色。 1. 它是 JS 访问浏览器窗口的一个接口。...有了 window.onload 就可以把 JS 代码写到页面元素的上方,因为 onload 是等页面内容全部加载完毕, 再去执行处理函数。
BOM(Browser Object Mode)浏览器对象模型,是Javascript的重要组成部分。它提供了一系列对象用于与浏览器窗口进行交互,这些对象通常统称为BOM。 一张图了解一下先 ?...1、window 对象——BOM核心 window,顾名思义,窗口对象。它表示整个浏览器窗口,主要用来操作浏览器窗口。...window.location 对象在编写时可不使用 window 这个前缀。...window.navigator 对象在编写时可不使用 window 这个前缀。 5、screen 对象 主要用来获取用户的屏幕信息。 ...window.screen对象在编写时可以不使用 window 这个前缀 height: 获取整个屏幕的高。 width : 获取整个屏幕的宽。
用window.location处理解析当前页面URL window.location 对象所包含的属性 属性 描述 hash 从井号(#)开始的URL(锚点) host 主机名和当前URL的端口号 hostname...主机名 href 完整的URL pathname 路径 port 端口号 protocol 协议 search 参数 js 脚本捕获页面 GET 方式请求的参数?...其实直接使用 window.location.search 获得,然后通过 split 方法结合循环遍历自由组织数据格式。...大概处理如下: var searchURL = window.location.search; searchURL = searchURL.substring(1, searchURL.length...("a");//GET['a'],取得URL参数a 本文采用 「CC BY-NC-SA 4.0」创作共享协议,转载请标注以下信息: 原文出处:Yiiven https://www.yiiven.cn/js-window-location.html
JS之BOM对象相关知识点整理 消息框 alert confirm 定时器 循环定时器的设置 启动循环定时器----setInterval() 取消循环定时器---clearInterval()
领取专属 10元无门槛券
手把手带您无忧上云