DOM&BOM笔记

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?,什么是DOM? BOM跟DOM之间的关系

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

js初级DOM&BOM知识点总结

第一章 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 类型转换显示转换和…

BOM、DOM学习笔记——JavaScript

1.BOM的概述 browser object modal :浏览器对象模型. 浏览器对象:window对象. Window 对象会在 <body> 或 <frameset> 每次出现时被自动创建. 2. window的属性 innerHeight: innerWidth: IE不支持通用写法:document.body.clientWidth document.body.clientHeig…

HTML与DOM BOM javascript

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

JavaScript 之DOM&BOM

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

关于dom&bom

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

JavaScript·DOM,BOM

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

JavaScript DOM&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的组成 | DOM/BOM

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

DOM&BOM

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

DOM BOM 常用API小记

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…

JavaScript HTML DOM,BOM

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

dom&bom的起源，方法，内容，应用

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

DOM BOM document window 区别

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

前端基础 DOM & BOM

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

javaScript之DOM,BOM

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

Dom学习笔记

今天老师出了一道面试题目:取到表单里面的textbox的值,两种方法.知道一种,老师说的什么dom,我竟然不知道. 以前学html的时候,老师也重来没有提到dom的概念.javaScript只是学了一些语法,对于javaScript还是很模糊,只是知道这样写函数,调用那些函数,没有dom的概念: 知耻后勇,赶紧补一补---杨中科.net视频第八季--dom视频: 1.使用javascript操作dom进行dhtml开发:2.dom就是html页面的模型,将每个便签都作为一个对象,javascri…

JS DOM学习笔记

1.window对象代表当前浏览器窗口 2.使用window对象的属性.方法的时候可以省略window.例如:window.alert("hello")一般写成alert("hello"); window.document一般写成document 3.window.setInterval(method, delay);//每过delay毫秒就调用一次method函数,相当于是计时器 4.window.clearInterval(name); //取消计时器name…

dom+bom

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

Dom学习笔记-（一）

一.概述 DOM(文档对象模型)是针对HTML和XML文档的一个API,其脱胎于DHTML. DOM可以将任意HTML和XML文档描绘成一个由多层节点构成的结构. 每一个文档包含一个根节点-文档节点,每一个文档节点包含一个子节点-文档元素. 二.Node类型 DOM1定义了一个Node接口,其由所有节点的类型实现:在javascript中Node接口由Node类型实现(除IE). Javascript中的所有节点都继承Node类型,所以都共享一些基本的属性和方法. 1.nodeType:节点类型…

第8章BOM笔记

第八章 BOM 一. Window 在浏览器中window有双重角色,他既是JavaScript访问浏览器窗口的一个借口,又是ECMAscript 规定的Global对象. 1.全局作用域由于window是ECMAscript 规定的Global对象的角色,因此在全局作用域中声明的变量,函数,都会是window对象的属性和方法. 2.窗口位置 a) screenLeft和screenTop 对与ie Safari Opera Chrome都提供了screenLeft,screenTop属性表示…

DOM学习笔记--入门1

HTML DOM 是关于如何获取.修改.添加或删除 HTML 元素的标准. 首先节点有很多种,不仅仅HTML元素是节点,尤其要注意文本节点的存在. 根据 W3C 的 HTML DOM 标准,HTML 文档中的所有内容都是节点: 整个文档是一个文档节点每个 HTML 元素是元素节点 HTML 元素内的文本是文本节点每个 HTML 属性是属性节点注释是注释节点下面是操作DOM元素的基本方式 var oDiv = document.createElement('div'); #创建DOM元素…

[笔记]原生JS实现的DOM操作笔记

原生JS实现的DOM一系列操作参考: 原生JavaScript封装DOM库 siblings: 原生JS-查找相邻的元素-siblings方法的实现 addClass,removeClass,hasClass,toggleClass:原生js添加删除class 原生js添加删除class 代码如下: var dom = { /** 功能说明:匹配元素是否含有指定class * @param el 指定的DOM元素 * @param className 匹配的class名 * */ hasClas…

从零开始 DOM操作笔记

<div id="box" class="box"></div> --> var myBox = document.getElementById("box"); --> var myDivList = document.getElementsByTargetName(div); // 注意 Eelements --> var myDivs = div.getElemen…

DOM追加笔记

根据 W3C 的 HTML DOM 标准,HTML 文档中的所有内容都是节点: 整个文档是一个文档节点每个 HTML 元素是元素节点 HTML 元素内的文本是文本节点每个 HTML 属性是属性节点注释是注释节点节点父.子和同胞节点树中的节点彼此拥有层级关系. 父(parent).子(child)和同胞(sibling)等术语用于描述这些关系.父节点拥有子节点.同级的子节点被称为同胞(兄弟或姐妹). 在节点树中,顶端节点被称为根(root) 每个节点都有父节点.除了根(它没有父节点) 一…

HTML DOM 学习笔记

一.HTML DOM定义了所有HTML元素的对象和属性,以及访问他们的方法即:HTML DOM是关于如何获取,修改,添加,删除HTML元素的标准二.DOM节点1.分类整个文档是一个文档节点每个HTML元素是元素节点HTML元素内的文本是文本节点每个HTML属性是属性节点注释是注释节点2.节点树中的节点彼此拥有层级关系父节点,子节点,同胞3.<title>DOM 教程</title>,元素节点 <title>,包含值为 "DOM 教程" 的文本节点.可…

原生js操作DOM基础-笔记

原文参考http://mp.weixin.qq.com/s?__biz=MzU3MDA0NTMzMA==&mid=2247485490&idx=1&sn=15197b4b53e0669e4a017e54a31fb39c&source=41#wechat_redirect 使用原生js为了提高效率,纯js操作dom一查询DOMdocument.querySelector()参数是任意css选择器格式,只会返回第一个匹配到值document.querySelectorAll(…

HTML DOM 初学笔记

JavaScript HTML DOM 当网页被加载时,浏览器会创建页面的文档对象模型(Document Object Model). HTML DOM 模型被构造为对象的树,如图: 通过可编程的对象模型,JavaScript 获得了足够的能力来创建动态的 HTML. JavaScript 能够改变页面中的所有 HTML 元素 JavaScript 能够改变页面中的所有 HTML 属性 JavaScript 能够改变页面中的所有 CSS 样式 JavaScript 能够对页面中的所有事件做出反应…

javascript;Dom相关笔记

document.ondblclick 页面双击事件document.title.charAt(0) 取标题第1个字符串window.alert 弹出消息对话框window.confirm 显示确定和取消对话框window.setInterval 每隔一段时间执行指定的代码window.clearInterval 取消setInterval执行window.setTimeout 延迟执行一次window.navigate('a.htm') 重新导航到指定的地址showModalDialog('…

【DOM&BOM笔记】的更多相关文章