javascript的DOM、BOM操作

首先，网页是由一个一个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）

Window.self -当前窗口（等价window）
Window.opener -实际上就是通过window.open打开的窗体的父窗体

与消息框有关的方法：alert(String)、confirm(String)、prompt(String)
两种定时器：setTimeout(code,latency) 和setInterval(code,period)

DOM操作：

1)DOM的HTML操作

2)DOM的CSS操作

3)DOM事件操作

4)DOM节点操作

javascript的DOM、BOM操作相关推荐

前端JavaScript之DOM事件操作~都是干货
下面是对DOM操作事件的整理,希望可以帮助到有需要的小伙伴~ 文章目录 DOM事件操作 JavaScript的基础事件代码书写步骤 1.获取绑定事件的元素 2.绑定事件 3.编写事件注意事项 D ...
JavaScript中的BOM操作的常见事件
BOM操作的常见事件 1.点击事件clcik onclcik绑定点击标签ID.onclick = function(){ 程序: } 示例1. d1.onclick = function(){ co ...
Javascript标准DOM Range操作
简介 Range是一种fragment(HTML片断),它包含了节点或文本节点的一部分. 可以通过document.createRange()或selection象的getRangeAt()方法获得. ...
(转)Javascript标准DOM Range操作(1)
哈哈,一早就看到了bluedestiny的这篇好文章.最近顺便学了下.很难找到的DOM2 Range的好教材.. 2级DOM定义了一个createRange()方法,如果是按照DOM此标准的浏览器(I ...
JavaScript基础: DOM中操作属性以及自定义属性
上一篇聊了一些常用的事件以及演示其如何使用,演示的时候发现一件事情,那就是DOM操作不单是得到元素,还可以修改元素的属性.现在开始如何操作其属性. 普通自带的属性这些属性是某些标签自带的属性比如sr ...
JavaScript中的BOM操作之浏览器常见事件
①click点击事件 <body> <div id="d">我是div</div> <script> //直接绑定事件处理函数 d. ...
JavaScript的DOM知识点总结
目录 1.DOM重点核心 2.DOM事件流 3.DOM知识点总结 4.常见案例视频资料,pink老师讲的超级详细,JavaScript的DOM操作:黑马程序员JavaScript核心教程,前端基础教 ...
JavaScript核心 DOM 和 BOM操作
JavaScript核心 DOM 和 BOM操作 Web APIs 简介 1. Web APIs 和 JS 基础关联性 1.1 JS 的组成 1.2 JS 基础阶段以及 Web APIs 阶段 JS ...
Python|并发编程|爬虫|单线程|多线程|异步I/O|360图片|Selenium及JavaScript|Scrapy框架|BOM 和 DOM 操作简介|语言基础50课：学习（12）
文章目录系列目录原项目地址第37课:并发编程在爬虫中的应用单线程版本多线程版本异步I/O版本总结第38课:抓取网页动态内容 Selenium 介绍使用Selenium 加载页面查找 ...

javascript的DOM、BOM操作

javascript的DOM、BOM操作相关推荐

最新文章

热门文章