标签:间隔 int AMM window location confirm OLE 水平 htm
BOM : browser object model 浏览器对象模型
javascript:语言标准化组织 ECMA
HTML CSS :语言话标准组织 W3C
BOM 最初没有标准,各个浏览器都能按照各自的想法随意扩展
BOM 6大对象
1.窗口对象 window:顶层对象
2.浏览器对象 navigator:记录浏览器相关信息
3.屏幕对象 screen:包含屏幕相关信息
4.历史对象 history:访问页面的历史对象
5.位置对象 location:当前页面的地址信息
6.文档对象 document:包含整个 html 文档
window 对象
每打开一个窗口,就包含一个浏览器对象。
window 属性和方法
1 window.screenX 和window.screenY返回的是浏览器相对于屏幕窗口的x,y坐标(IE中window.screenleft和window.screenTop)。
2 window.pageXOffset和window.pageYOffset返回页面相对于窗口显示区位置坐标。(返回文档在窗口左上角水平和垂直方向滚动的像素)
3 window作为一个顶层对象它的属性和方法可以省略掉window。
4.window.innerWidth和window.innerHeight返回窗口的文档显示区viewport的宽高。(浏览器宽高)
5.3个弹窗方法 alert() confirm() prompt() 阻塞代码的执行;
6.scrollBy()叠加 和 scrollTo();
? scrollTo(0,0):可以用作回到顶部。
7.open():新窗口打开,参数为字符串。
8.setInterval(fn,ms):定时器,两个参数:第一个是函数的声明,第二个是时间。
9.clearInterval():停止计时器;参数就是接收计时器的变量。
let btn = document.querySelector("#btn"); btn.onclick = function(){ window.scrollTo(0,0); // window.open("./JS-day1.html"); let a = 5; timer = setInterval(() => { if(a == 0){ clearInterval(timer); } console.log(a); a--; }, 500); }
10.setTimeout(fn,ms):延时器
11.clearTimeout():停止延时器,间隔型
//先执行主流程的代码,再执行延时器,异步代码 setTimeout(() => { console.log(666); }, 2000); console.log(777);
====== screen对象
1.screen.width和screen.height返回屏幕的宽高。
2.screen.availWidth和screen.availHeight返回可视区域的宽高,去除了菜单栏的部分。(重)
====== history
1.history.back():等于任务栏的回退。
2.history.forword():等于任务栏的前进。
3.history.go():-1回退,0:刷新 ,1:前进。(重)
=======Location
1.location.href = ‘url‘;
=======navigator
API Application Programming Interface(应用程序编程接口);
标签:间隔 int AMM window location confirm OLE 水平 htm
原文地址:https://www.cnblogs.com/wp45945/p/14192608.html