HTML DOM模型疑问!

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了HTML DOM模型疑问!相关的知识,希望对你有一定的参考价值。

最近在学html CSS 和JavsScript。前两个学的差不多了吧,算是弄明白了,只是还没到精通的地步,这两天学JavaSriprt呢,学一个多星期了学得我纠结呀,以前对C语言的变量、表达式、语法、数组都有一点点了解。感觉javascript确实是差不多但也有不一样的地方,语法到不是关键问题,现在还一直停留在研究对象、自动类型转换、作用域、闭包、等等等等、直到现在也写不出什么代码出来,所以积极性大跌。后来去w3shool上看到HTML DOM 感觉这个东西跟javascript有关系,所以看了一点点DOM的简介。
我的理解是DOM 就是用它的方式来了解看待HTML文档,文档中每个标签都是节点HTML最大,下面都是他的子节点,什么父子关系、兄弟关系我清楚了,存在关系跟定是不用说的,通过DOM可以访问HTML每一个节点,那么DOM它是个什么东西?是一张图么?能像HTML哪像写出一大串代码么?还是DOM就是个理论性的模型而已,不是实际的文本,DOM可以访问HTML的每一个节点,用的就是一些命令或者一些代码吧?学DOM就是学的那些Browser对象吧?用好他们就够了是么?由于我javascript里面的对象也只了解了一点点、也还没完全弄明白,DOM怎么也有对象? DOM Window(窗口)、DOM Navigator(导航)、DOM Screen(屏幕)、DOM History(历史)、DOM Location(位置)。这五个全部都有什么对象集合、对象属性、对象方法。这些跟我理解的javascript对象挺相似的。比方说一个人,人就是对象吧、对象属性就是他有头、手、脚、那么对象方法是什么?这个人的方法?DOM中的对像方法有是什么。还是理解HTML CSS容易些 一个标签、标签有属性、可以有多个属性、属性有值值。但是了解这个DOM和Javascript就不那么容易了。

随便哪一个DOM Window来说吧。window对象集合:frames[]
描述:返回窗口中所有命名的框架。
该集合是 Window 对象的数组,每个 Window 对象在窗口中含有一个框架或 <iframe>。属性 frames.length 存放数组 frames[] 中含有的元素个数。注意,frames[] 数组中引用的框架可能还包括框架,它们自己也具有 frames[] 数组。

下面还有window属性
属性:closed 、defaultStatus、document、history等等、

下面还有window对象方法:
方法:alert()、blur()、close()、open()等等什么什么的一大堆、

我并不是不想记他们、是因为我不知道他们存在什么关系、记起来太吃力了。完全跟骄HTML CSS不一样嘛 ,上面写的对象属性和对象方法能不能给出一个和HTML CSS 里面的属性和值那样容易让人理解的解释出来呢。当然都怪我没有把javascript里面的对像弄明白,所以我才来学DOM模型的,我觉得DOM是javascript的基础知识。
求真相、谢谢、

参考技术A DOM是Document Object Model,不是具体的东西,是一种概念、思维。HTML中的标签不是死的了,每一对标签构成文档中的一个对象,整个页面就是由若干html对象组织成的。body是个对象,table是个对象。。。。每个对象都自己的属性和方法,可以通过js访问页面中的各对象,以实现动态效果。 参考技术B 这个不需要你去理解,知道就行,熟悉一些关键的DOM的方法就行,比如getElementById ,这个dom的操作,开发中自己写js的,很费力,而且各种浏览器又不一样,现在都用jquery之类的追问

jquey是什么?我看百度的简介是这么说的:jQuery由美国人John Resig创建,至今已吸引了来自世界各地的众多javascript高手加入其team,包括来自德国的Jörn Zaefferer,罗马尼亚的Stefan Petre等等。jQuery是继prototype之后又一个优秀的Javascrīpt框架。其宗旨是——WRITE LESS,DO MORE,写更少的代码,做更多的事情。
它是用来替代javascript的么?还是替代DOM的?我刚学javascript可不想半途而废

追答

简单的说,是js的封装

本回答被提问者采纳

以上是关于HTML DOM模型疑问!的主要内容,如果未能解决你的问题,请参考以下文章

什么是 Virtual DOM 以及其他一些 React 疑问

3.DOM

DOM操作

DOM的小疑问收集

JavaScript DOM介绍

JavaScript-DOM(重点)