前端基础之DOM和BOM JavaScript分为 ECMAScript,DOM,BOM. BOM(Browser Object Model)是指浏览器对象模型,它使 JavaScript 有能力与浏览器进行“对话”. DOM (Document Object Model)是指文档对象模型,通过它,可以访问HTML文档的所有元素. Window对象是客户端JavaScript最高层对象之一,由于window对象是其它大部分对象的共同祖先,在调用window对象的方法和属性时,可以省略window

day01正课:1. DOM概述2. ***DOM树3. *查找 1. DOM概述: DHTML:动态网页技术的统称 DHTML=HTML+CSS+JS 鄙视题: HTML XHTML DHTML XML: HTML:超文本标记语言,专门编写网页内容的语言 XHTML:严格的HTML语言标准 DHTML:动态网页技术的统称,=HTML+CSS+JS XML:可扩展的标记语言,可自定义标签 专门用来存储/传输自描述的结构化数据 逐渐被json替代了 <演员> <姓名>范冰冰</

什么是BOM? BOM是browser object model的缩写,简称浏览器对象模型.是用来获取或设置浏览器的属性.行为,例如:新建窗口.获取屏幕分辨率.浏览器版本号等. 比如 alert();弹出一个窗口,这属于BOM 什么是DOM? DOM是Document ,简称文档对象模型.是用来获取或设置文档中标签的属性,例如获取或者设置input表单的value值.document.getElementById("").value;  这属于DOM BOM的内容不多,主要还是DOM.

第一章 js的组成DOM BOM ECMAScript javaScript 是一种直译是脚本语言 js语言特点 .脚本编写语言 .基于对象的语言 .简单性 .动态性 .安全性 .跨平台性 C/S是Client/Server的缩写 B/S是Browser/Server的缩写 输出方式 docunment.write() console.log() alert() 第二章 数据类型 Number String Boolean布尔类型 Undefined Null Object 类型转换 显示转换和

YI.DOM 1.创建DOM 2.删除DOM 3.文档碎片 文档碎片可以提高DOM操作性能(理论上) 文档碎片(类似于一个口袋,先将多个元素放在口袋里,放完之后,再将口袋放到最终要插入的元素中): document.createDocumentFragment() 4.DOM:document object model 基础 js的组成之一:ECMAScript   DOM   DOM -childNodes:获取子节点 -兼容性问题:在火狐浏览器下,文本节点和元素节点都会被统计,解决方法:no

javaScript之BOM / DOM: BOM(Browser Object Model)是指浏览器对象模型,它使 JavaScript 有能力与浏览器进行"对话". DOM (Document Object Model)是指文档对象模型,通过它,可以访问HTML文档的所有元素. Window对象是客户端JavaScript最高层对象之一,由于window对象是其它大部分对象的共同祖先,在调用window对象的方法和属性时,可以省略window对象的引用 所有浏览器都支持 wind

1.什么是DOM? 简单说就是DOM规定了HTML,XML等的一些文档映射规范,使JavaScript可以根据这些规范来进行获取元素,在元素上进行各种操作,使得用户页面可以动态的变化,从而大大使页面的交互性增强.而这些文档映射规范我们可以用树来形象的表示: 通过这样的树,我们就可以很快找到我们想要操作的节点,进而进行各种属性,方法,事件等的操作. 注意元素.属性.和内容之间的区别,简单的说,网页上可见的东西叫做内容,内容是被开标签,闭标签抱起来的那部分:<a>我的链接</a>,属性

重点来了 : BOM对象 window对象 : 所有浏览器都支持window对象. 概念上讲 : 一个html文档对应一个window对象. 功能上讲 : 控制浏览器窗口的. 使用上讲 : window对象不需要闯将对象,直接使用即可. window对象方法 : > window.alter : 只做提醒用 > window.confirm : 会返回一个框 布尔值 true或者false > window.prompt : 会返回你输入的值. >open() : 打开一个新的浏览

javascript 有三部分构成,ECMAScript,DOM和BOM,根据宿主(浏览器)的不同,具体的表现形式也不尽相同,ie和其他的浏览器风格迥异. 1. DOM 是 W3C的标准:[所有浏览器公共遵守的标准]2. BOM 是 各个浏览器厂商根据 DOM在各自浏览器上的实现;[表现为不同浏览器定义有差别,实现方式不同]3. window 是 BOM对象,而非js对象: DOM(文档对象模型)是 HTML 和 XML 的应用程序接口(API). BOM 主要处理浏览器窗口和框架,不过通常浏览

1.DOM含义 D: Document 文档 一份文档就是一棵节点树,每个节点都是一个对象O:Object 对象 JavaScript语言里对象可以分为三种类型: (1)用户定义的对象(user-defined object) 有程序员自己创建的对象 (2)内建对象(native object) 内建在JavaScript语言里的对象,如Array.Math.Date等 (3)宿主对象(host object) 由浏览器提供的对象,如 window对象M: 模型,文档的表现形式.2.DOM操作节

往期回顾 在上一期的<JavaScript的组成 | 核心-ECMAScript >☜里,我们有说到JavaScript 是由三大部分组成,分别是:核心ECMAScript.文档对象模型-DOM.浏览器对象模型-BOM 那么本期就让我们继续往下说说DOM.BOM这两大部分吧: 文档对象模型(DOM) 面试官很喜欢问的:“你知道什么是文档对象模型吗?”,那今天我们一个个来解释一下吧: DOM:Document Object Model(文档对象模型) Document 中文翻译:文档,这里的文档

文档对象模型(Document Object Model) 来源:文档对象模型(Document Object Model)的历史与20世纪90年代末Netscape Navigator和Microsoft Internet Explorer之间的“浏览器大战”的历史以及JavaScript和JScript的历史相互交织,JavaScript和JScript是第一个广泛实现用于Web浏览器的JavaScript引擎的脚本语言. 方法:一些 DOM 对象方法 方法 描述 getElementByI

DOM 1.元素节点: 元素节点element: 更精确的获得元素的标签名(全大写) 属性节点attribute: 属性名 文本节点text: #text 注释节点document:#document 2.nodeType: 描述节点对象的类型,值是一个数字 element_NODE: 1 attribute_NODE: 2 text_NODE: 3 document_NODE: 9 3.获取节点名称:nodeName 4.节点的值: nodeValue 5.父子关系: parserFloat

DOM DOM 是一个 W3C (万维网联盟) 标准. DOM 定义了用于访问文档的标准: "W3C 文档对象模型 (DOM) 是一个平台和与语言无关的界面, 允许程序和脚本动态访问和更新文档的内容.结构和样式. W3C DOM 标准分为3个不同的部分: 适用于所有文档类型的核心 DOM 标准模型 用于 xml 文档的 xml DOM 标准模型 html 文档的标准模型 通过 HTML DOM,可访问 JavaScript HTML 文档的所有元素. HTML DOM (Document Obj

Document Object Model的历史可以追溯至1990年代后期微软与Netscape的"浏览器大战"(browser wars),双方为了在JavaScript与JScript一决生死,于是大规模的赋予浏览器强大的功能.微软在网页技术上加入了不少专属事物,计有VBscript.ActiveX.以及微软自家的DHTML格式等,使不少网页使用非微软平台及浏览器无法正常显示.DOM即是当时蕴酿出来的杰作. BOM最初是Netscape浏览器标准的一部分,BOM缺乏标准,JavaS

DOM 是为了操作文档出现的 API,document 是其的一个对象: BOM 是为了操作浏览器出现的 API,window 是其的一个对象.   使用下图讲解:   归DOM管的: E区:即document 归BOM管的: A区:浏览器的地址栏,书签栏等 B区:右键菜单 C区:document加载时的状态等 D区:滚动条 E区:document

推荐阅读:http://www.cnblogs.com/yuanchenqi/articles/6893904.html#_label3 BOM对象 window 对象 所有浏览器都支持 window 对象.概念上讲.一个html文档对应一个window对象.功能上讲: 控制浏览器窗口的.使用上讲: window对象不需要创建对象,直接使用即可. Window 对象方法 alert() 显示带有一段消息和一个确认按钮的警告框. confirm() 显示带有一段消息以及确认按钮和取消按钮的对话框.

1.DOM(Document Object Model) :文档对象模型2. DOM节点:页面中最基本的组成部分 3. childNodes:获取某个节点下所有的子节点 在标准及ie9以上 : 会获取空文本节点. 在ie6/7/8 : 没有空文本节点. <script type="text/javascript"> window.onload=function () { t=document.body.childNodes[0].nodeType; alert(t)// 3

一.判断最大值和最小值,注:arr为数组 最大值:Math.max.apply(null, arr); 最小值:Math.min.apply(null, arr);   二.BOM 打开新页面和关闭打开的页面. 打开:window.open( ); 打开指定网站:window.open( '地址' , '打开方式' ); 打开方式:_self  从本页面打开 打开方式:_blank  新开一个页面打开 关闭:obj.close( );   三.window.location 显示页面的本地地址,

元素.childNodes:只读 属性 子节点列表集合 元素.nodeType:只读 属性 当前元素下的节点类型 元素.attributes : 只读 属性 属性列表集合 元素.children: 只读 属性 子节点列表的集合 元素.firstChild:只读 属性 第一个子节点 元素.lastChild || lastaetElementChild 最后一个子节点 元素.nextSibling || 元素.nextElementSibling 下一个兄弟节点 元素.previousSiblin