day4 DOM,BOM】的更多相关文章

1.     BOM编程 1.1. BOM编程基础 全称 Browser Object Model,浏览器对象模型. JavaScript是由浏览器中内置的javascript脚本解释器程序来执行javascript脚本语言的. 为了便于对浏览器的操作,javascript封装了对浏览器的各个对象使得开发者可以方便的操作浏览器. 1.2. BOM对象: 1.3. window 对象 Window 对象是 JavaScript 层级中的顶层对象. Window 对象代表一个浏览器窗口或一个框架.…
ECMAScript 部分 ECMAScript是一个标准,JS只是它的一个实现,其他实现包括ActionScript; “ECMAScript可以为不同种类的宿主环境提供核心的脚本编程能力”,即ECMAScript不与具体的宿主环境相绑定,如JS的宿主环境是浏览器,AS的宿主环境是Flash; ECMAScript描述了以下内容:语法.类型.语句.关键字.保留字.运算符.对象. 1.JavaScript中的类型转换 2.作用域.作用域链和闭包 3.函数与函数表达式 4.arguments对象…
ECMA > DOM > BOM ECMA是JS的核心,语法.变量.对象.各种对象的API.作用域.原型链.闭包.This指向.构造函数等等必须要熟练,有了这些基础你才能去熟练的操作DOM.BOM DOM顾名思义是操作DOM元素,用JS获取.控制DOM元素的一些属性 BOM就是操作浏览器相关的东西,如获取设备信息.屏幕信息.地址栏信息等 JS就是由这三个模块构成,脑海里要有这个场景,他们的构成!…
JavaScript高级笔记 1,DOM的简单学习 1.1,功能:用于控制HTML文档的内容: 1.2,获取页面标签对象:Element *document.getElementById("id值(常常是div元素所设置的id值)"); 1.3操作Element对象: 1.3.1:修改属性值: 1,明确获取的对象是哪一个? 2,查看api文档,找到其中那些属性可以设置 1.3.2:修改标签体的内容: innerHTML:用于获取元素对象,可以修改标签体的内容 2,事件的简单学习 1,功…
JS盒模型 content: 通过计算后样式获取padding + content: box.clientWidth | box.clientHeightborder + padding + content: box.offsetWidth | box.offsetHeight绝对定位top|left: box.offsetTop | box.offsetLeft offset.client.scroll总结(易混淆) client(clientWidth.clientHeight): 表示元素…
1.DOM:文档对象模型(Document Object Model) 1)子节点:只是这一代的后代,不会计算后代的后代  1.childNodes:获取子节点,    --IE6-8:获取的是元素节点,正常    --高版本浏览器:但是会包含文本节点和元素节点(不正常) 2.nodeType:节点的类型    --nodeType=3-->文本节点    --nodeTyPE=1-->元素节点    所以获取元素节点兼容的方法:      for(var i=0;i<oUL.child…
前端基础之DOM和BOM JavaScript分为 ECMAScript,DOM,BOM. BOM(Browser Object Model)是指浏览器对象模型,它使 JavaScript 有能力与浏览器进行“对话”. DOM (Document Object Model)是指文档对象模型,通过它,可以访问HTML文档的所有元素. Window对象是客户端JavaScript最高层对象之一,由于window对象是其它大部分对象的共同祖先,在调用window对象的方法和属性时,可以省略window…
前戏 到目前为止,我们已经学过了JavaScript的一些简单的语法.但是这些简单的语法,并没有和浏览器有任何交互. 也就是我们还不能制作一些我们经常看到的网页的一些交互,我们需要继续学习BOM和DOM相关知识. JavaScript分为 ECMAScript,DOM,BOM. BOM(Browser Object Model)是指浏览器窗口对象模型,顶级对象是window. DOM (Document Object Model)是指文档对象模型,并非一个对象. window.document都…
前戏 到目前为止,我们已经学过了JavaScript的一些简单的语法.但是这些简单的语法,并没有和浏览器有任何交互. 也就是我们还不能制作一些我们经常看到的网页的一些交互,我们需要继续学习BOM和DOM相关知识. JavaScript分为 ECMAScript,DOM,BOM. BOM(Browser Object Model)是指浏览器对象模型,它使 JavaScript 有能力与浏览器进行“对话”. DOM (Document Object Model)是指文档对象模型,通过它,可以访问HT…
一:DOM 文档对象模型(DOM)是表示文档(比如HTML和XML)和访问.操作构成文档的各种元素的应用程序接口(API) DOM是HTML与JavaScript之间沟通的桥梁.   DOM下,HTML文档各个节点被视为各种类型的Node对象. 每个Node对象都有自己的属性和方法,利用这些属性和方法可以遍历整个文档树. 由于HTML文档的复杂性,DOM定义了nodeType来表示节点的类型,有12种节点类型.   节点类型 描述 子节点 1 Element 代表元素 Element, Text…