dom 是啥东西???
答:
最开始的时候还没有 js css 的年代,html就已经存在了,html英文名字叫做”超文本标记语言“,就是用来说明一个文档的结构的(比如说文档里面有几个表单,几个表格等等)。
比如说要创建一个输入框,可以使用这样的方式:<input type="text"/>,所以说它是”标记“嘛。
浏览器的作用是解释这个html文本,然后根据这份html 生成对应的 dom(英文全程叫”文档对象模型document object model“),dom是浏览器解释html 生成的产物。
好,现在dom生成了,然后再根据dom的内容 在页面画出那些控件来。
比如说现在页面有了一个5*5的表格。
但这个dom的内容还是可以修改的。通过什么修改呢?通过js。
浏览器提供了一个可以在js里面访问dom结构的对象(想想是哪个嗫),就是document对象,
你对dom元素的修改都是和他有关的。这个对象并不是js里面本来就有的。是浏览器提供给
js的一个接口对象,通过它 js才能在浏览器这个环境里面操作dom结构。
想想我们操作dom :
访问dom document.getElementById('domid'), document.getElemetsByName('domname'),
等这些不都是document 的方法吗?
创建dom元素. document.createElement('domtype')
dom.appendChild(childDom)
同样也是document 的方法
删除 同样 .
因为这些方法都是最开始通过document元素才能开始的。document对象也是所有dom元素的跟节点。
html,js,css的执行顺序???
答:
浏览器按照html文件的顺序依次解释遇到的每一个标签(包括script 和style 标签)。
遇到script标签就会停下来解释 里面的js 内容,所以如果暂时用不到的js,就放到html末尾,必须的js呢?那就该放哪放哪,不过很多人都会放到head里面。
遇到css标签 就根据css里面的内容对dom元素 渲染。所以css标签最好放在head里面,这样body
里面的每个dom元素只需要渲染一次就行了。否则,把css标签放到最后的话,好不容易把一个页面的html都解释出来了,而且都画出来了,突然遇到最后的css,css里面说要把table 的边框都显示蓝色,天哪,浏览器又要重新把html画一遍,麻烦吧。所以css最好是放到head里面,最少要在body之前,dom是从body算起的
分享到:
相关推荐
总结来说,这个"Web前端基础案例"教程旨在帮助初学者建立起对Web前端开发的全面理解,通过实践案例强化技能,从而能够独立创建具有基本功能和样式的静态网页。随着进一步的学习,你将能掌握更复杂的前端框架和技术,...
通过完成这些作业,可以加深对前端基础知识的理解,提高实际操作能力。 总之,前端开发是一个不断发展的领域,HTML、CSS和JavaScript构成了其核心。学习和熟练掌握这些技能是成为合格前端开发者的第一步,而使用...
《前端基础技术资料手册》是一本综合性的学习资源,涵盖了前端开发的核心技术,包括CSS层叠样式表、JavaScript、jQuery、EasyUI以及正则表达式等多个方面。这些知识点是构建现代网页和应用的基础,下面将对这些技术...
为了完成任务,我将基于文件标题“前端基础面试题.pdf”来创造一些可能涵盖在其中的前端基础知识点,这些知识点常常出现在前端开发的面试中。 ### 前端基础知识点 #### HTML/CSS 1. **HTML语义化**: 了解HTML标签...
主要是对前端开发的基础认识,他人对前端技术的理解,
这份"前端基础题(293题).rar"压缩包文件包含了丰富的面试题目,旨在帮助前端工程师准备面试,提高自己的竞争力。以下是对这些知识点的详细说明: 一、前端基础题 这部分题目主要考察前端开发的基础知识,包括HTML...
本章“第4章 前端面试技能拼图2:前端基础知识,必知必会”将深入探讨那些面试官常问且开发者必须掌握的核心概念。 1. HTML(超文本标记语言): HTML是网页内容的结构标准,是前端开发的基石。理解不同标签的作用...
在学习前端基础时,重要的是要掌握HTML的结构化语义和布局,理解不同标签的用途和属性,以及它们如何共同工作来构建一个网页。这些基础知识是成为前端开发者的起点,也是深入学习其他前端技术的基石。随着前端技术的...
本资料集“前端基础、高级、进阶面试题”旨在帮助开发者准备不同层次的面试,从基础知识到高级概念,再到深入的进阶话题,全面覆盖了前端开发的关键知识点。 1. **基础面试题** - HTML:理解HTML语义化,掌握HTML5...
这个教程是为那些对前端开发毫无经验的人设计的,旨在帮助他们快速理解并掌握网页制作的基本元素和设计样式。 【描述】中的“零基础前端开发html5+css3视频尚品汇项目源码”表明这个教程不仅包括理论讲解,还可能...
在本压缩包“阶段一:前端开发基础资料.zip”中,包含了学习前端开发基础知识的珍贵资源,特别适合初学者入门。这个资料集可能涵盖了多个标签所代表的主题,如“黑马”可能指的是黑马程序员这一知名教育机构的教学...
在前端开发领域,面试时常常会涉及到一些基础知识的考察,这些基础知识包括但不限于HTML、...以上知识点是前端开发面试中常见的基础知识部分,应聘者需要对其有深入的理解和掌握,以便在面试中展现出扎实的前端基本功。
总结来说,本书是一本非常适合初学者的前端基础教程,通过对HTML、CSS、JavaScript等核心技术的讲解,帮助读者构建起前端开发的初步认识,并能够实现基本的网页设计和交互功能。对于希望进一步深化前端技能的学习者...
在前端开发领域,零基础学习是一项挑战,但也是通往创新和技术成就的门户。"前端零基础学习"这个主题涵盖了三个核心部分:HTML、CSS和JavaScript,这些都是构建网页和交互式用户体验的基本工具。以下是对这三个主要...
【前端基础-静态页面练习.zip】是一个集合了前端开发基础训练的资源包,主要涵盖了HTML和CSS的基础知识,提供了一系列的实战练习项目,适合初学者或希望巩固前端基础的开发者进行学习和实践。这个压缩包包含多个实际...
盒模型是CSS布局的基础,前端开发者要理解width、height、padding、border和margin这五个属性在盒模型中的作用,以及它们是如何影响元素尺寸和布局的。 在CSS3中引入了更多高级特性,如过渡(Transitions)、变形...
在“Web前端攻城狮培养计划-前端零基础入门”这个学习资源中,你将踏上成为一名优秀的Web前端开发者的旅程。这个课程专为初学者设计,无论你是否具备编程背景,都能逐步掌握Web前端开发的核心技能。以下是这个课程...
【前端基础学习分享源码】是一个关于前端开发基础的学习资源,特别关注CSS这一重要的样式语言。这个资源可能包含了丰富的实例代码、讲解文档或者教程,帮助初学者或有经验的开发者巩固和深化对CSS的理解。 在前端...