本回就由本K给大伙唠唠JS中的BOM、DOM和事件。 一、“花心大萝卜”——BOM 1、震惊,FFF团为何对BOM举起了火把——BOM简介 BOM(Browser Object Model) 是指浏览器对象模型,在JS中BOM是个不折不扣的花心大萝卜,因为它有很多个对象,其中代表浏览器窗口的Window对象是BOM的“正室”、也就是最重要的,其他对象都...
而 DOM HTML 则是在 DOM Core 的基础上做了进一步的扩展,添加了许多面向 HTML 文档的对象和方法,譬如用于表示整个文档的document对象及其方法。 DOM 2:DOM 2 引入了更多的交互能力,也支持了更高级的 XML 特性。DOM 2 在原来 DOM 1 的基础上又扩充了鼠标、键盘等用户界面事件,并通过对象接口增加了对 CSS 的...
js的特点是单线程的,也就是同一时间只能做一件事情,所以js会将异步代码交给浏览器去处理,因为浏览器是多线程的。 js的线程,会先将所有同步代码执行完,与此同时,浏览器也在处理异步代码(例如正在等待时间),当浏览器中的异步代码到了应该执行的时候了,会将需要执行的异步代码放在一个队列中,进行排队等候;当js线程...
BOM是浏览器对象模型,DOM是文档对象模型,前者是对浏览器本身进行操作,而后者是对浏览器(可看成容器)内的内容进行操作 BOM和DOM的结构关系示意图 2.文档对象模型(DOM) DOM节点树模型(以HTML DOM树为例) DOM模型将整个文档(XML文档和HTML文档)看成一个树形结构, 在DOM中,HTML文档的层次结构被表示为一个树形结构。
1、DOM选择器(方法类操作) (1) document 代表整个文档 document 是一个对象,这个对象上边有一些属性和方法,单独的 document 就代表的是整个文档在 js 里的显示形式,我们现在所说的整个文档最顶级的标签看上 去好像是 html 标签,但是如果在 html 标签外边再套一个标签的话,这个标签就是 document,就是说 document...
//事件委托: 也称事件代理,在jQuery里叫事件委派 // 原理: 不是每个子节点都单独设置事件监听器,而是事件监听器设置在其父节点上,然后利用冒泡原理影响设置每个子节点 // 作用: 我们只操作了一次DOM,提高了程序的性能 var ul = document.querySelector('ul'); ul.addEventListener('click',function (e) { ...
文档对象模型(DOM),描述处理网页内容的方法和接口。 浏览器对象模型(BOM),描述与浏览器进行交互的方法和接口。 JavaScript由对象组成,一切皆为对象。 1.2、JavaScript脚本语言特点 a)、解释型的脚本语言。JavaScript是一种解释型的脚本语言,C、C++等语言先编译后执行,而JavaScript是在程序的运行过程中逐行进行解释。
小伙伴们所有的配套资料都在网盘地址里面哈: 链接:https://pan.baidu.com/s/1KotiABx0CCj-X5kAdxG9yg 提取码:aq9n 看完这个视频,js高级等课程可以去这个视频链接看哈:https://www.bilibili.com/video/BV1Y84y1L7Nn?p=1 展开更多 科技 计算机技术 ...
文档对象模型(DOM),描述处理网页内容的方法和接口。 浏览器对象模型(BOM),描述与浏览器进行交互的方法和接口。 JavaScript由对象组成,一切皆为对象。 1.2、JavaScript脚本语言特点 a)、解释型的脚本语言。JavaScript是一种解释型的脚本语言,C、C++等语言先编译后执行,而JavaScript是在程序的运行过程中逐行进行解释。
JavaScript前端课程-dom-bom-js-es6新语法-jQuery- function getRandomInt(min, max) { min = Math.ceil(min); max = Math.floor(max); return Math.floor(Math.random() * (max - min)) + min; }