搜索
您的当前位置:首页正文

JavaScript和HTMLDOM的区别与联系及Javascript和DOM的关系_javascript技巧

2023-12-06 来源:爱乐情感
区别:

javascript

JavaScript 是因特网上最流行的浏览器脚本语言。很容易使用!你一定会喜欢它的!

JavaScript 被数百万计的网页用来改进设计、验证表单、检测浏览器、创建cookies,以及更多的应用。

HTML DOM

HTML DOM 是 W3C 标准(是 HTML 文档对象模型的英文缩写,Document Object Model for HTML)。

HTML DOM 定义了用于 HTML 的一系列标准的对象,以及访问和处理 HTML 文档的标准方法。

通过 DOM,可以访问所有的 HTML 元素,连同它们所包含的文本和属性。可以对其中的内容进行修改和删除,同时也可以创建新的元素。

HTML DOM 独立于平台和编程语言。它可被任何编程语言诸如 Java、JavaScript 和 VBScript 使用。

联系:

通过 JavaScript,您可以重构整个 HTML 文档。您可以添加、移除、改变或重排页面上的项目。

要改变页面的某个东西,JavaScript 就需要获得对 HTML 文档中所有元素进行访问的入口。这个入口,连同对 HTML 元素进行添加、移动、改变或移除的方法和属性,都是通过文档对象模型来获得的(DOM)。Javascript主要是利用HTML DOM去获得、改变、创建HTML元素,从而达到美化页面、操作页面元素的目标。因此,在Javascript中最常见的就是各种各样的HTML DOM元素以及它们各自的属性。除了这些DOM元素外,Javascript有自己的对象,例如数组。

简单说,可以认为Javascript主要是操纵HTML DOM。两者是不一样的。 Javascript是语言,DOM是可以在各种语言中(不仅js,php也有的)动态修改文档的模型。

下面单独拉出JavaScript与DOM的关系给大家详解

JavaScript与浏览器的工作

1.浏览器获取并加载你的页面,从上至下解析它的内容。

遇到JavaScript时,浏览器会解析代码,检查它的正确性,然后执行代码。

浏览器还会建立一个HTML页面的内部模型(DOM)。

2.JavaScript继续执行,使用DOM检查页面、完成修改、从页面接受事件,或者要求浏览器从Web服务器获取其它数据。

JavaScript如何与页面交互?

JavaScript是代码,HTML是标记,完全不同的东西

怎么让它们交互呢?

答案是使用文档对象模型(Docunment Object Model,简称DOM)。

DOM的妙处在于:它能够在所有浏览器上提供一种一致的方式,通过代码访问HTML的结构和内容。

1、在浏览器加载一个页面时,浏览器会解析HTML,并创建文档的一个内部模型,其中包含HTML标记的所有元素。

2、JavaScript可以与DOM交互(JavaScript使用DOM创建或删除元素等等)

document是一个反映HTML的对象,通过调用document的方法改变DOM的状态,也就是改变HTML页面

3、JavaScript修改了DOM时,浏览器会随着动态更新页面。

自制DOM

材料:格式正确的HTML5页面,WEB浏览器

做法:

1、在最上面创建一个document节点

2、取HTML页面的最顶层元素,在这里就是元素,把它作为document的子节点加到DOM中

3、对于当前元素中嵌套的每一个元素,将该元素作为当前元素的子节点增加到DOM

4、对于刚增加的元素,执行第三步,重复工作,直到处理完所有元素

HTML页面如下  


爱乐情感还为您提供以下相关内容希望对您有帮助:

js和dom是什么关系?

js 即 JavaScript ,是一种网页脚本语言,可以在网页上实现一些动态效果。DOM 是HTML文档结构,其实就是为了能让js操作html元素而制定的一个规范,dom 的根本就是 document 对象,改对象有很多属性和方法,例如创建节点、复制...

html css js dom树到底是什么关系

DOM全名document object model 文档对象模型,也就是基于HTML文档出来的,所以操作DOM实际上就是在操作HTML文档对象(每一个标签).CSS只能修饰HTML的样式而已,而javascript能把HTML与CSS相结合,也就是以前所说的DHTML(动态HTML...

javascript DOM COM 区别

HTML DOM 是 W3C 标准(是 HTML 文档对象模型的英文缩写,Document Object Model for HTML)。HTML DOM 定义了用于 HTML 的一系列标准的对象,以及访问和处理 HTML 文档的标准方法。通过 DOM,可以访问所有的 HTML 元素,...

请问javascript 和dom 到底是 什么关系 学了javascript 基础有没...

6、从最简单的JavaScript开始学起,熟悉语法、DOM,学会如何用JavaScript去操作HTML元素和CSS样式,这样才能实现动态。7、对JavaScript熟悉到一定时候(自己觉得还算不错),就可以了解一些JavaScript框架(比如JQuery),你会发现...

分别叙述前端三大技术HTML、CSS和JavaScript的概念和特点?

html是主体,装载各种dom元素;(主体建筑)css用来装饰dom元素;(静态装修)javascript控制dom元素。(动态装修)用一扇门比喻三者间的关系是:html是门的门板,css是门上的油漆或花纹,javascript是门的开关;

javascript的dom 和 html的dom 及 XML的DOM 有什么联系的不同_百度知...

javascript是工具,它才可以操作DOM xml是更严格的html,它们都是数据源,只能被javascript用DOM进行操作 学习他们,其实无非也就是把父子关系搞清楚,掌握好getElementById等方法

JavaScript的BOM和DOM有什么区别

JavaScript的BOM和DOM的区别如下:1、BOM和浏览器关系密切,DOM和文档有关,这里的文档指的是网页,也就是HTML文档。2、BOM是Browser Object Model的缩写,即浏览器对象模型。DOM是Document Object Model的缩写,即文档对象模型...

DOM和BOM

参考 DOM与BOM 和 BOM和DOM详解 javascript 有三部分构成:ECMAScript,DOM和BOM。根据宿主(浏览器)的不同,具体的表现形式也不尽相同,ie和其他的浏览器风格迥异。DOM(文档对象模型)是W3C的标准,所有浏览器公共...

HTML/DHTML/CSS/JavaScript 之间的关系?

它是一种通过各种技术的综合发展而得以实现的概念(当然,不同的浏览器,实现的程度也不同),这些技术包括Javascript、VBScript、Document Object Model(文件目标模块)简称DOM、Layers和Cascading Style Sheets(CSS)等。CSS ...

javascriptbom是什么及bom和dom的区别_javascript技巧

描述了处理网页内容的方法和接口,是HTML和XML的API,DOM把整个页面规划成由节点层级构成的文档。DOM本身是与语言无关的API,它并不与Java,JavaScript或其他语言绑定。特定语言的DOM针对XHTML和HTML的DOM。这个DOM定义了一个...

本文如未解决您的问题请添加抖音号:51dongshi(抖音搜索懂视),直接咨询即可。

Top