码迷,mamicode.com
首页 > 其他好文 > 详细

BOM基础知识概括

时间:2020-12-31 11:58:40      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:间隔   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(应用程序编程接口);

BOM基础知识概括

标签:间隔   int   AMM   window   location   confirm   OLE   水平   htm   

原文地址:https://www.cnblogs.com/wp45945/p/14192608.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!