BOM和DOM自己的一些小观点和认识

BOM主要针对的是浏览器的操作,常用的也就是五个对象:window对象 location对象 navigation对象 screen对象和history对象

window对象主要讲的就是对浏览器的一些操作,有一些常用的方法,比如alert comfirm prompt方法。

location对象英文翻译过来就是位置对象,那么顾名思义就是对位置和偏移量之间的操作。

navigation对象就好像一个导航的东西,告诉你一些URL里面的知识,和获取浏览器当前页面完整URL的一些信息。

screen就是屏幕对象,获取屏幕的一些乱七八糟的知识。宽度啊长度啊主要就是关于屏幕的一些信息

history对象很明显就是对浏览记录的一些操作。

以上的东西只是本人对BOM的一点粗糙的认识和理解,不喜勿喷,本人也是新手一枚,有一颗向往技术的心,请大神们指教,下面我就来谈谈js中的重点DOM,这点内容我看了一天,才有了一点点很浅的认识。闷头读书不如抬头思考,我感觉这是一个很神奇的东西,有时候放下书本,思考一下会有新的发现,现在开始谈谈js中的BOM

DOM就是文本对象模型:看到这个对象有时候就头大了,毕竟模糊的东西不容易抓住,我看类这个东西感觉他就是一个哆啦A梦的神奇百宝袋,它里面有很多神奇的道具,你从中选出了一个竹蜻蜓(对象),你就很清楚的看出他具有的一些物理性质,长什么样啊,什么颜色啊,什么结构啊(属性),然后你把它插在头上你就可以飞了(方法),有时候理解一个抽象的东西就要去用一种自己熟悉的具体的东西去做对比,就会让自己记得很牢。。。。。说了一大堆,看似都是废话但是这个会让我们更好地理解对象,只有理解好了对象才更好地去用面向对象的眼光去思考问题,发现问题还有解决问题。

现在我们开始正题:我们先从最顶部开始向下看起,dom给我们描绘了一个层次化的大树,主要分为四个大部分(document,element,attribute ,text),和现在的HTML5追求的语义化不径相同了,都是让它看起来更加有条理,看起来更加清晰。现在我们来分析一下所谓的层次话大树。其实我感觉说它是个族谱更加贴切。DOM吧HTML、XML划分成了一个一个的节点,又由一个大的节点划分成了一个小的节点,有了节点这个概念就出来了DOM的第一种类型,节点类型(nodeType)。每一个节点都是一个对象,所以他就有自己的属性(nodeName和nodeValue)和自己能使用的方法(appendChild)

之后就该Document类型了 他就相当于整个HTML页面,站在最高台阶上的男人,就相当于祖先,他也有自己的名字代号之类的(特性),他可以通过一些方法来找到自己的后代通过一些方法,滴血认亲(Id),通过名字(tagName),还可以去他们的班级里去找(class),它还可给他们的后代留下一些东西,写下一些话(write())。

Element类型元素类型,元素标签里都会有很多中属性,都可以通过具体的对象来展现他的属性,(可以理解成人有名字,英文名,外号之类的),取到了一个值(getAttribute()),有时候不喜欢就换一个(setAttribute()),或者干脆就不要了(removeAttribute()),有时候他的上一辈还会给他添加一个兄弟姐妹(creatElement()),有的兄弟家里有很多小孩(子节点),看他们家到底有几个小孩子(childNodes())

text类算是一个很小的类的,就想最后那些孩子们的名字(子元素标签里包含的文字),有名字的话,如果不满意可以加(appenData()),可以减(deleteDate()),

可以在你喜欢的位置加上一个字(insertData()),或者干脆就重启一个名字(replaceData())。如果没有名字就需要给他新加一个名字(creattextNode()),差不多了,因为理解的还是不够透彻,所有有的时候讲的有点牵强,希望大家理解

时间: 2024-10-21 11:55:05

BOM和DOM自己的一些小观点和认识的相关文章

JS中的函数、Bom、DOM及JS事件

本期博主给大家带来JS的函数.Bom.DOM操作,以及JS各种常用的数据类型的相关知识,同时,这也是JavaScript极其重要的部分,博主将详细介绍各种属性的用法和方法. 一.JS中的函数 [函数的声明及调用] 1.函数声明的格式: function 函数名(参数1,参数2,参数3,--){//函数体 return 结果; } >>>函数的调用格式: 直接调用:函数调用的格式:函数名(参数一的值,参数二的值,--): 事件调用:事件名=函数名( ); 2.函数声明的几点强调: ①函数名

JavaScript:操作 BOM 和 DOM

JavaScript:操作 BOM 和 DOM 浏览器说明 由于JavaScript的出现就是为了能在浏览器中运行,所以,浏览器自然是JavaScript开发者必须要关注的. 目前主流的浏览器分这么几种: IE 6~11:国内用得最多的IE浏览器,历来对W3C标准支持差.从IE10开始支持ES6标准: Chrome:Google出品的基于Webkit内核浏览器,内置了非常强悍的JavaScript引擎——V8.由于Chrome一经安装就时刻保持自升级,所以不用管它的版本,最新版早就支持ES6了:

[转] JavaScript学习:BOM和DOM的区别和关联

BOM 1.  BOM是Browser Object Model的缩写,即浏览器对象模型. 2.  BOM没有相关标准. 3.  BOM的最根本对象是window. 从1可以看出来:BOM和浏览器关系密切.浏览器的很多东西可以通过JavaScript控制的,例如打开新窗口.打开新选项卡(标签页).关闭页面,把网页设为主页,或加入收藏夹,等等…这些涉及到的对象就是BOM. 从2可以看出来:由于没有标准,不同的浏览器实现同一功能,可以需要不同的实现方式.对于上面说的功能,不同的浏览器的实现功能所需要

JavaScript学习总结(三)BOM和DOM详解

转自:http://segmentfault.com/a/1190000000654274 DOM介绍 D(文档)可以理解为整个Web加载的网页文档,O(对象)可以理解为类似window对象只来的东西,可以调用属性和方法,这里我们说的是document对象,M(模型)可以理解为网页文档的树形结构,DOM树由节点构成 节点种类:元素节点.文本节点和属性节点 DOM(文档对象模型)是 HTML 和 XML 的应用程序接口(API).DOM代表着被加载到浏览器窗口里的当前网页:浏览器向我们提供了当前网

JavaScript(核心、BOM、DOM)

http://www.flyne.org/article/407 JavaScript(核心.BOM.DOM) JavaScript是基于对象和事件驱动的客户端脚本语言.有如下特点: 交互性 安全性(不可以直接访问本地硬盘) 跨平台性(只要是可以解析js的浏览器都可以执行,和平台无关) 1.JavaScript和Java不同! ①所属:NetScape和Sun ②基于对象和面向对象 ③JS可以直接解析执行,Java需先编译在运行 ④JavaScript是一种弱类型的语言,Java是强类型的语言.

javascript学习大总结(四)BOM和DOM详解

我们都知道, javascript 有三部分构成,ECMAScript,DOM和BOM,根据宿主(浏览器)的不同,具体的表现形式也不尽相同,ie和其他的浏览器风格迥异. 1 DOM 是 W3C 的标准: [所有浏览器公共遵守的标准]2 BOM 是 各个浏览器厂商根据 DOM 在各自浏览器上的实现: [表现为不同浏览器定义有差别,实现方式不同]3 window 是 BOM 对象,而非 js 对象: BOM 主要处理浏览器窗口和框架,不过通常浏览器特定的 JavaScript 扩展都被看做 BOM

从零开始的JS生活(二)——BOM、DOM与JS中的事件

上回书说道,JS中变量.运算符.分支结构.循环和嵌套循环等内容.本回就由本K给大伙唠唠JS中的BOM.DOM和事件. 一."花心大萝卜"--BOM 1.震惊,FFF团为何对BOM举起了火把--BOM简介 BOM(Browser Object Model) 是指浏览器对象模型,在JS中BOM是个不折不扣的花心大萝卜,因为它有很多个对象,其中代表浏览器窗口的Window对象是BOM的"正室".也就是最重要的,其他对象都是正室的下手.或者叫侧室也不足为过. 2.细数BOM

实现JavaScript的组成----BOM和DOM

我们知道,一个完整的JavaScript的实现,需要由三部分组成:ECMAScript(核心),BOM(浏览器对象模型),DOM(文档对象模型). 今天主要学习BOM和DOM. BOM: BOM提供了很多对象,用来访问浏览器的功能,这些功能于网页内容无关(这些是DOM的事),目前,BOM已经被W3C搬入了HTML5规范中. window对象: BOM的core,表示浏览器的一个实例,它既是通过javascript访问浏览器窗口的一个接口,又是ECMAScript规定的Global对象,这意味着在

BOM和DOM的区别和关联

BOM 1. BOM是Browser Object Model的缩写,即浏览器对象模型. 2. BOM没有相关标准. 3. BOM的最根本对象是window. 从1可以看出来:BOM和浏览器关系密切.浏览器的很多东西可以通过JavaScript控制的,例如打开新窗口.打开新选项卡(标签页).关闭页面,把网页设为主页,或加入收藏夹,等等…这些涉及到的对象就是BOM. 从2可以看出来:由于没有标准,不同的浏览器实现同一功能,可以需要不同的实现方式.对于上面说的功能,不同的浏览器的实现功能所需要的Ja