JS基础知识6(DOM BOM)

DOM的操作方法浏览器的重绘与重排·前端开发的时候大量的操作dom会引起浏览器重绘(redraw)和重排(reflow) 。在文档重新加载的时候,浏览器引擎会解析html来生成dom树,之后根据DOM元素的几何属性构建一棵用于渲染的树。渲染树的每个节点都有大小和边距等属性,类似于盒子模型(由于隐藏元素不需要显示,渲染树中并不包含DOM树中隐藏的元素)。当渲染树构建完成后,浏览器就可以将元素放...
摘要由CSDN通过智能技术生成

BOM

与浏览器窗口交互的一些对象,
例如可以移动、调整浏览器大小的window对象,
可以用于导航的location对象与history对象,
可以获取浏览器、操作系统与用户屏幕信息的navigator与screen对象,
可以使用document作为访问HTML文档的入口,管理框架的frames对象等。

window对象及属性

对象:window.screen window.history window.navigator window.document window.event
属性:window.self window.name window.location window.defaultStatus

window

BOM核心对象是window,window是javascript访问浏览器窗口的一个接口,又是Global对象。在网页中定义的任何一个对象,变量和函数,都以window作其Global对象。
如果页面中包含框架,则每个框架都有自己的window对象,并且保存在frames集合中。(top(始终指向最外层的框架)和parent(当前框架的上层框架)对象,self始终指向window)
窗口位置:screenLeft,screenTop,screenX,screenY
窗口大小:innerWidth,innerHeight(减去边框),outerWidth,outerHeight(本身尺寸)
调整窗口大小:resizeTo(100,100)(调成100 100)resizeBy(100,100)(在原来基础上加100,加100)
导航和打开窗口:window.open(要加载的URL,窗口目标,特性字符串(新窗口的特性),是否取代当前页面)

window.open("http://www.wrox.com/","topFrame");//在topFrame中加载网页。如果topFrame不存在,创建新窗口

间歇调用和超时调用:(设置超时值和间歇时间来调度代码在特定时刻执行)
超时调用:指定时间过后执行代码

var settime=setTimeOut(function(){alert("helloworld");},1000);//1s后弹出
clearTimeOut(settime);

(如果队列是空的,1S后执行,如果队列不是空的,排队执行&

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值