证优客,一个有温度的认证专家!

400-003-0521

快速登录

选择服务公司

体系认证

ISO9001 ISO14001 ISO45001 ISO20000 ISO27001 ISO22000

资质认证

AAA信用 CMMI 信息安全 建筑资质 ITSS 安防资质

产品认证

CCC认证 CE认证 十环认证 CCCF 环保认证

资质许可

ICP 文网文 SP

首页 > 资讯百科 > 科技资讯 > 正文

web js原理

证优客 | 2016-04-17

  • ISO45001

在开发web应用前端的时候,需要明白以下的原理。

我们在浏览器里面看到的内容,其实是这样来的。在web服务器端,不管是什么也没文件,jsp也好asp也好,经过web server的解析以后都会生成标准的html文档,这个html文档就是我们要展现的内容的基本结构框架。其次,还有对该结构进行修饰和渲染的css样式文件和控制页面动作的js文件。我们的web root下面一般有3个目录,一个目录用来存放页面结构文件,一个目录用来存放页面样式的css文件,另一个目录用来存放控制页面行为的js文件,这也就是所谓的样式,行为和页面结构的分离原则。 这样我们就有3类文件被传送到浏览器客户端,htmlcssjs。浏览器负责将这3类文件组合然后显示出来。

    这里要说明的是js文件。html本身只是一个遵循一定规范的文本文件,我们要对该文件的内容进行动作控制就必须要能够得到该文件中的各个元素,而且要能够对各个元素调用方法进行控制。dom规范就是解决这一个问题的。  dom规范定义了有哪些对象可以用来操作html文档中的元素,这些对象有哪些方法和属性。 浏览器实现了dom规范,但是不同的浏览器对dom规范的实现也是存在差异的。

    也就是说,dom规范的实现实际上是实现了很多的用来操作dom元素的对象,我们通常称这些对象是dom对象或者js对象或者dom元素对象,总而言之,是对象(包括windowdocument对象), 窗口对象(window对象)只是一个具体的dom对象或者说js对象。   dom规范的实现其实是实现了这些js类来操作html文档的api方法。   例如:我们调用document.getElementById('id')其实得到的就是一个js dom元素对象,这个是浏览器帮我们返回的一个对象句柄,浏览器在解析完一个html文档后会创建很多的dom js对象的,我们可以通过调用这些js对象的方法来操作这些对象对应的html元素。  jquery则在原生js   dom对象的基础上做了很多的封装,而且juery对象几乎能更加方便的进行所有js dom对象所能够进行的操作,其它的所有js框架也是一个道理,对原生的js dom对象进行封装以简化对html元素的操作。    

 

相关资讯

最新资讯