javascript的DOM、BOM操作

最新推荐文章于 2024-07-26 11:27:19 发布

mango_love

最新推荐文章于 2024-07-26 11:27:19 发布

阅读量1.6k

点赞数 3

分类专栏： web前端文章标签： javascript dom browser

本文链接：https://blog.csdn.net/mango_love/article/details/78935811

版权

web前端专栏收录该内容

4 篇文章 0 订阅

订阅专栏

首先，网页是由一个一个xml的节点构成，页面加载成一刻树状。所以我们通过js操作元素的节点，对元素的增、删、改、查，对元素的属性、值、事件等操作属于DOM操作（ document object model 文档对象模型）。对浏览器框架窗口对象的操作属于BOM操作（Browser Object Model 浏览器对象模型）。js里面还有语法、类型、语句、关键字、运算符、对象等一些是ECMAScript。

BOM对象操作windows对象：

Window -对象是 JavaScript层级中的顶层对象，代表一个浏览器窗口或一个框架，会在 <body>或<frameset>每次出现时被自动创建。在这里就只列举一些主干操作。
window.innerHeight - 浏览器窗口的内部高度
window.innerWidth - 浏览器窗口的内部宽度
window.open() - 打开新窗口
window.close() - 关闭当前窗口
window.moveTo() - 移动当前窗口
window.resizeTo() - 调整当前窗口的尺寸....

window.event -事件的状态，例如触发event对象的元素、鼠标的位置及状态、按下的键等等。event对象只在事件发生的过程中才有效。event的某些属性只对特定的事件有意义
window.document -文档对象，操作文档的基础对象
document.getElementById("id");根据id找最多找一个；
document.getElementByNames("name");根据name找，找出来的是数组；
document.getElementByTagNames("name")；根据表签名找，找出来的是数组；
document.getElementByClassNames("name")；根据表classname找，找出来的是数组；

window.history -对象在编写时可不使用 window 这个前缀，就是在html页面里使用的时候不需要window这个前缀，用了的话有些浏览器可能会报错。
history.back() - 与在浏览器点击后退按钮相同
history.forward() - 与在浏览器中点击按钮向前相同
history.go(-1) - 回退到前一个页面

window.screen -用户屏幕信息
window.screen.availWidth - 可用的屏幕宽度
window.screen.availHeight - 可用的屏幕高度

window.navigator -浏览器的一些信息，用得比较多的也就是navigator.userAgent获取该浏览器的代理信息，如果在使用过程中客户端出现错误，返回服务器携带这些信息做日志记录，排除浏览器版本问题、兼容性等问题。
Window.external -一般用来添加收藏夹，貌似只能用于火狐和ie。。
Window.iframe -文档包含框架（frame 或iframe标签），浏览器会为HTML文档创建一个window对象，并为每个框架创建一个额外的window对象。
window.frames -返回窗口中所有命名的框架
Window.parent -父窗口（如果窗口是顶级窗口，那么parent==self==top）
Window.top -最顶级父窗口（有的窗口中套了好几层frameset或者iframe）